:root{--ink:#122238;--orange:#f2673a;--orange-text:#b9461a;--orange-fill:#c4471c;--paper:#f6f4ef;--line:#dce1e6;--muted:#657286}*{box-sizing:border-box}button,input,select,textarea{font-family:inherit}body{margin:0;color:var(--ink);background:var(--paper);font-family:Geist,"Segoe UI",Aptos,sans-serif}.access-shell{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(500px,1.1fr);min-height:100vh}.access-intro{display:flex;min-height:100vh;flex-direction:column;justify-content:space-between;padding:46px clamp(30px,5vw,78px);background:radial-gradient(circle at 85% 12%,#f2673a2a,transparent 23rem),var(--ink);color:#fff}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand>b{display:grid;width:44px;height:44px;place-items:center;border-radius:11px 3px;color:var(--ink);background:#fff;font-size:13px}.brand span{display:flex;flex-direction:column}.brand strong{font-size:15px;letter-spacing:.06em}.brand small{margin-top:4px;color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.08em}.eyebrow{color:var(--orange);font-size:13px;font-weight:800;letter-spacing:.08em}.access-intro h1{margin:14px 0 20px;font:400 clamp(44px,4.6vw,68px)/1 Georgia,serif;letter-spacing:-.035em}.access-intro h1 em{color:var(--orange);font-weight:400}.access-intro p{max-width:34em;color:#d3dbe4;font-size:17px;line-height:1.6}.workshop-chip{display:inline-flex;max-width:100%;margin-top:22px;padding:9px 16px;border:1px solid #f2673a66;border-radius:20px;color:#ffb69a;background:#f2673a18;font-size:13px;font-weight:800;line-height:1.4;letter-spacing:.04em;text-transform:uppercase}.access-intro footer{color:#a7b3c1;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.access-card{width:min(640px,calc(100% - 48px));margin:auto;padding:32px 0}@media(min-width:861px){.access-shell{padding-right:max(0px,calc((100% - 1240px)/2 - 24px))}.access-card{margin-right:24px}.access-card:has(>.tabs){align-self:start;margin-block:0}}.tabs{display:flex;gap:4px;margin-bottom:14px;padding:5px;border:1px solid var(--line);border-radius:12px;background:#fff}.tabs button{flex:1;min-height:48px;padding:0 12px;border:0;border-radius:8px;color:#4f5b6b;background:transparent;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer}.tabs button:not(.active):hover{color:var(--ink);background:#f1f3f6}.tabs .active{color:#fff;background:var(--ink)}form{padding:34px;border:1px solid #12223818;border-radius:18px;background:#fff;box-shadow:0 22px 65px #12223816}form[hidden]{display:none}form>header{display:flex;align-items:center;gap:14px;margin-bottom:24px}form>header>span{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:50%;color:#fff;background:var(--orange-fill);font-size:14px;font-weight:800}form header small{color:var(--orange-text);font-size:12px;font-weight:800;letter-spacing:.08em}form h2{margin:4px 0 0;font:400 30px/1.15 Georgia,serif}.grid{display:grid;gap:0 16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.two>*{min-width:0}label{display:flex;flex-direction:column;gap:8px;margin-top:18px;color:var(--ink);font-size:14px;font-weight:700;line-height:1.3;letter-spacing:0;text-transform:none}input{height:50px;padding:0 14px;border:1px solid #c9d1da;border-radius:10px;color:var(--ink);background:#fbfcfd;font:inherit;font-size:16px;font-weight:500;letter-spacing:0;text-transform:none;outline:none}input::placeholder{color:#6f7b8b;opacity:1}input:focus{border-color:var(--orange)}input:focus-visible{outline:3px solid var(--orange);outline-offset:2px}.check{flex-direction:row;align-items:flex-start;gap:12px;color:var(--ink);font-size:15px;font-weight:500;line-height:1.5;letter-spacing:0;text-transform:none;cursor:pointer}.check input{flex:0 0 22px;width:22px;height:22px;margin:0;accent-color:var(--orange);cursor:pointer}.message{min-height:22px;margin:12px 0 0;color:#a13e34;font-size:15px;font-weight:600}.primary{display:flex;width:100%;min-height:54px;align-items:center;justify-content:space-between;gap:12px;margin-top:6px;padding:8px 20px;border:0;border-radius:10px;color:#fff;background:var(--ink);font-family:inherit;font-size:16px;font-weight:700;line-height:1.3;text-align:left;cursor:pointer}.primary:hover{background:#1d3352}.primary span{color:var(--orange);font-size:22px;line-height:1}.demo-note{display:block;margin-top:16px;color:#5b6778;font-size:14px;line-height:1.55;text-align:center}@media(max-width:860px){.access-shell{grid-template-columns:1fr}.access-intro{min-height:auto;padding:36px 24px}.access-intro>div{margin:4px 0 28px}.access-card{padding:32px 0}}@media(max-width:560px){.access-card{width:calc(100% - 32px)}form{padding:26px 20px}.grid.two{grid-template-columns:1fr}.access-intro h1{font-size:44px}}
.access-lower{display:flex;flex-direction:column;align-items:stretch;gap:28px;margin-top:32px}.access-qr{position:relative;top:0;display:flex;align-items:center;gap:18px;width:min(100%,380px);margin-inline:auto;padding:14px;border:1px solid #ffffff24;border-radius:18px;color:#fff;background:#ffffff0d;box-shadow:0 18px 46px #07101d42;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.access-qr:hover,.access-qr:focus-visible{transform:translateY(-2px);border-color:#f2673a99;background:#ffffff14}.access-qr__code{display:grid;flex:0 0 126px;width:126px;height:126px;place-items:center;padding:8px;border-radius:11px;background:#fff}.access-qr__code img{display:block;width:100%;height:100%}.access-qr__copy{display:flex;min-width:0;flex-direction:column}.access-qr__copy b{color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.08em}.access-qr__copy strong{margin-top:8px;font:400 26px/1.1 Georgia,serif}.access-qr__copy small{margin-top:8px;color:#b4c0cd;font-size:14px;letter-spacing:0;overflow-wrap:anywhere}.access-intro footer{line-height:1.5}@media(max-width:860px){.access-intro>.access-lower{margin:0}.access-qr{display:none}}