:root{--a-bg:#07090f;--a-panel:#0d121b;--a-line:rgba(255,255,255,.075);--a-text:#f4f6fa;--a-muted:#788397;--a-purple:#8e6cff}.access-os{margin:0;background:var(--a-bg);color:var(--a-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}.access-frame{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(430px,.75fr)}.access-story{position:relative;overflow:hidden;padding:28px 34px;background:radial-gradient(circle at 68% 25%,#3a2e743d,transparent 28%),linear-gradient(145deg,#0b1019,#07090f)}.access-story:after{content:"";position:absolute;right:-220px;bottom:-300px;width:700px;height:700px;border-radius:50%;border:1px solid #ffffff06;box-shadow:0 0 0 70px #ffffff015,0 0 0 140px #ffffff010}.access-story header{display:flex;align-items:center;gap:10px;position:relative;z-index:2}.access-logo{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#9877ff,#5673f5);display:grid;place-items:center;font-size:11px;font-weight:900}.access-story header b{display:block;font-size:11px}.access-story header small{display:block;font-size:6px;color:#687487;letter-spacing:.15em;margin-top:3px}.access-story-copy{position:absolute;z-index:3;left:clamp(35px,5vw,76px);top:25%;width:min(650px,70%)}.access-story-copy>span,.access-heading>small{font-size:7px;letter-spacing:.17em;color:#8f79d5;font-weight:850}.access-story-copy h1{font-size:clamp(44px,5.2vw,76px);line-height:.98;letter-spacing:-.06em;margin:12px 0 17px;text-wrap:balance}.access-story-copy p{font-size:10px;line-height:1.7;color:#8792a5;max-width:560px}.access-signal{display:grid;grid-template-columns:10px auto;column-gap:9px;margin-top:25px;width:max-content;padding:11px 13px;border:1px solid #ffffff0c;border-radius:12px;background:#ffffff04}.access-signal i{grid-row:span 2;width:7px;height:7px;border-radius:50%;background:#65e2ad;box-shadow:0 0 12px #65e2ad;margin-top:3px}.access-signal b{font-size:8px}.access-signal small{font-size:7px;color:#667185}.access-preview{position:absolute;z-index:2;left:9%;right:6%;bottom:-160px;height:330px;border:1px solid #ffffff0d;border-radius:22px 22px 0 0;background:#0b0f17;box-shadow:0 40px 100px #000b;display:grid;grid-template-columns:48px 1fr;overflow:hidden;transform:perspective(1000px) rotateX(4deg)}.preview-rail{border-right:1px solid #ffffff08;padding:14px 9px;display:grid;align-content:start;gap:10px}.preview-rail i{height:29px;border-radius:9px;background:#ffffff05}.preview-rail i:first-child{background:linear-gradient(145deg,#8f6fff,#5673f4)}.preview-main{padding:13px}.preview-command{height:28px;border-radius:8px;background:#ffffff04;width:55%;margin-left:auto}.preview-hero{height:155px;border-radius:14px;margin-top:12px;padding:28px;background:radial-gradient(circle at 75% 35%,#6955c346,transparent 33%),linear-gradient(135deg,#171e2c,#0c1018)}.preview-hero span,.preview-hero small{display:block;font-size:6px;color:#687487}.preview-hero b{display:block;font-size:25px;letter-spacing:-.05em;margin:7px 0}.preview-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.preview-row i{height:68px;border-radius:10px;background:linear-gradient(145deg,#182130,#10151f)}.access-panel{display:grid;place-items:center;padding:30px;background:#080b11;border-left:1px solid var(--a-line)}.access-panel-inner{width:min(440px,100%)}.tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border:1px solid #ffffff0b;border-radius:12px;background:#0a0e15;margin-bottom:28px}.tab{height:36px;border:0;border-radius:9px;background:transparent;color:#687386;font-size:8px;font-weight:800}.tab.active{background:#ffffff0b;color:#fff}.tab-pane{display:none}.tab-pane.active{display:block}.access-heading h2{font-size:32px;letter-spacing:-.05em;margin:6px 0}.access-heading p{font-size:9px;color:#748094;line-height:1.55;margin-bottom:22px}.form-grid{display:grid;gap:12px}.form-grid.one{grid-template-columns:1fr}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid label{font-size:7px;color:#7b8799}.form-grid label small{color:#586376}.form-grid input,.form-grid select{width:100%;box-sizing:border-box;margin-top:6px;height:43px;border:1px solid #ffffff0c;border-radius:10px;background:#0b0f17;color:#edf1f6;padding:0 11px;outline:none}.form-grid input:focus,.form-grid select:focus{border-color:#806cff8a;box-shadow:0 0 0 3px #806cff12}.primary,.secondary{height:42px;border-radius:10px;border:1px solid #ffffff0d;padding:0 13px;font-size:8px;font-weight:850}.primary{background:linear-gradient(135deg,#8e6cff,#5977ff);color:#fff}.secondary{background:#ffffff07;color:#d9dee6}.span-2{grid-column:span 2}.auth-text-btn{border:0;background:transparent;color:#7f8ba0;font-size:8px;padding:11px 0}.verify-box{margin-top:14px;padding:14px;border:1px solid #ffffff0d;border-radius:13px;background:#0b0f17}.verify-box>div:first-child{display:flex;justify-content:space-between}.verify-box b{font-size:9px}.verify-box p,.access-footnote,.micro{font-size:7.5px;color:#657185;line-height:1.6}.otp-row{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:10px}.otp-row input{height:40px;border:1px solid #ffffff0d;border-radius:9px;background:#080c12;color:#fff;padding:0 10px}.status-pill{padding:5px 7px;border-radius:999px;font-size:6px;background:#ffc85713;color:#e7bd65}.access-footnote{border-top:1px solid #ffffff09;margin-top:22px;padding-top:15px}.toast{position:fixed;z-index:1000;right:20px;top:20px;padding:11px 14px;border-radius:10px;background:#101722;border:1px solid #ffffff0d;font-size:8px;box-shadow:0 18px 60px #0009}.toast.error{color:#ff8794}.hidden{display:none!important}@media(max-width:980px){.access-frame{grid-template-columns:1fr}.access-story{display:none}.access-panel{border:0;min-height:100vh;padding:22px}.form-grid.two{grid-template-columns:1fr}.span-2{grid-column:auto}}