:root{--ink:#111916;--muted:#6f7a74;--paper:#f3f1eb;--card:#fbfaf7;--line:rgba(17,25,22,.14);--accent:#d7ff50;--deep:#0d1612;--white:#fff;--danger:#a63636;--ok:#2d7358;--shadow:0 30px 80px rgba(10,20,15,.18)}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.5}.access-shell{min-height:100svh;display:grid;grid-template-columns:minmax(0,1.28fr) minmax(420px,.72fr)}.story-panel{position:relative;min-height:100svh;overflow:hidden;color:#fff;background:#101712}.story-image{position:absolute;inset:0;background:url('../img/network-hero.webp') center/cover no-repeat;transform:scale(1.025);filter:saturate(.92) contrast(1.06)}.story-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,14,10,.24),rgba(6,14,10,.12) 40%,rgba(6,14,10,.84)),linear-gradient(90deg,rgba(7,14,11,.44),transparent 65%)}.brandbar{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:34px 42px;z-index:2}.brand{display:inline-flex;color:inherit;text-decoration:none}.brand img{width:190px;height:auto;color:currentColor;filter:brightness(0) invert(1)}.lang-toggle{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:rgba(10,20,15,.2);backdrop-filter:blur(12px);color:#fff;font-weight:750;cursor:pointer}.story-copy{position:absolute;left:42px;right:42px;bottom:90px;z-index:2;max-width:760px}.eyebrow,.kicker{display:block;font-size:.73rem;letter-spacing:.18em;font-weight:800}.story-copy h1{font-size:clamp(3.4rem,6.5vw,7.4rem);line-height:.89;letter-spacing:-.062em;margin:18px 0 24px;max-width:820px}.story-copy p{font-size:clamp(1rem,1.45vw,1.3rem);max-width:650px;color:rgba(255,255,255,.84)}.story-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.story-points span{padding:9px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(8,16,12,.22);backdrop-filter:blur(10px);font-size:.82rem}.story-caption{position:absolute;left:42px;bottom:30px;z-index:2;display:flex;align-items:center;gap:10px;font-size:.82rem;color:rgba(255,255,255,.72)}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 7px rgba(215,255,80,.13)}.access-panel{min-height:100svh;padding:36px 46px 22px;display:flex;flex-direction:column;justify-content:center;background:var(--paper)}.access-card{width:min(100%,470px);margin:auto;background:var(--card);border:1px solid rgba(17,25,22,.1);border-radius:28px;padding:42px;box-shadow:var(--shadow)}.mobile-brand{display:none}.access-card h2{font-size:clamp(2.2rem,4vw,3.6rem);line-height:.95;letter-spacing:-.05em;margin:14px 0 18px}.intro{color:var(--muted);margin:0 0 28px;font-size:1.02rem}.access-card label:not(.check-row){display:block;font-size:.8rem;font-weight:780;margin-bottom:8px}.field-wrap{position:relative}.field-wrap input{padding-right:44px}.field-status{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:1rem}.access-card input{width:100%;border:1px solid rgba(17,25,22,.18);background:#fff;border-radius:15px;padding:16px 17px;font:inherit;outline:none;transition:.2s border,.2s box-shadow}.access-card input:focus{border-color:#25362e;box-shadow:0 0 0 4px rgba(31,47,39,.09)}.check-row{display:flex;align-items:flex-start;gap:10px;margin:14px 0 22px;color:var(--muted);font-size:.84rem}.check-row input{width:17px;height:17px;margin-top:2px;accent-color:var(--deep)}.primary-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;border:0;border-radius:15px;background:var(--deep);color:#fff;font:inherit;font-weight:800;text-decoration:none;cursor:pointer;transition:transform .18s,background .18s}.primary-button:hover{transform:translateY(-1px);background:#1b2a23}.primary-button:disabled{opacity:.55;cursor:wait;transform:none}.privacy-note{display:flex;gap:12px;margin-top:24px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:.77rem}.privacy-note p{margin:0}.lock{font-size:1.4rem;line-height:1}.otp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:26px 0 20px}.otp-grid .otp{text-align:center;font-size:1.65rem;font-weight:800;padding:15px 5px}.back-button,.text-button{appearance:none;border:0;background:transparent;color:var(--ink);font:inherit;font-size:.84rem;font-weight:750;cursor:pointer;padding:0}.back-button{margin-bottom:26px}.text-button{display:block;margin:18px auto 0;text-decoration:underline;text-underline-offset:4px}.demo-code{margin-top:18px;padding:12px 14px;background:#edf3dd;border:1px dashed #8ea343;border-radius:12px;text-align:center;font-size:.85rem}.status-message{min-height:24px;margin-top:14px;font-size:.86rem;text-align:center}.status-message.error{color:var(--danger)}.status-message.ok{color:var(--ok)}.verified-state{text-align:center}.verified-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;margin:0 auto 20px;background:#e8f5e8;color:#28684f;font-size:1.65rem}.verified-state p{color:var(--muted);margin-bottom:26px}.access-footer{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:28px;color:#78827d;font-size:.72rem}.access-footer a{color:inherit}.footer-tag{opacity:.72}.legal-page{background:#f4f2ed}.legal-wrap{width:min(760px,90%);margin:0 auto;padding:60px 0}.legal-wrap h1{font-size:clamp(2.4rem,6vw,4.5rem);line-height:1;letter-spacing:-.045em}.legal-wrap p{font-size:1.05rem;color:#505c56}.legal-brand img{width:190px;filter:none}.inline-button{width:max-content;padding:0 22px;margin-top:24px}
@media(max-width:980px){.access-shell{grid-template-columns:1fr}.story-panel{min-height:42svh}.story-copy{bottom:42px}.story-copy h1{font-size:clamp(2.8rem,9vw,5.8rem);max-width:700px}.story-copy p,.story-points,.story-caption{display:none}.access-panel{min-height:auto;padding:28px 20px 22px}.access-card{margin:-20px auto 0;position:relative;z-index:4}.access-footer{margin-top:22px}}
@media(max-width:620px){.story-panel{min-height:34svh}.brandbar{padding:22px}.brandbar .brand{display:none}.brandbar{justify-content:flex-end}.story-copy{left:22px;right:22px;bottom:28px}.story-copy h1{font-size:clamp(2.5rem,13vw,4.2rem);margin-bottom:0}.eyebrow{font-size:.64rem}.access-card{padding:28px 22px;border-radius:23px}.mobile-brand{display:block;margin-bottom:28px}.mobile-brand img{width:174px}.access-card h2{font-size:2.55rem}.access-footer{padding:0 10px}.footer-tag{width:100%;text-align:center}}