:root { --acid:#c6ff00; --text:#f4f5f2; --muted:#bcbfc6; --line:#272c2a; --panel:#101210; --danger:#ff5266; }
* { box-sizing:border-box; }
html,body { margin:0; min-height:100%; background:#000; color:var(--text); font-family:Arial,Helvetica,sans-serif; }
body { overflow-x:hidden; }
a { color:inherit; }
.access-shell { width:min(1360px,calc(100% - 64px)); margin:auto; }
.access-header { height:85px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #242725; position:relative; z-index:5; }
.access-brand { display:flex; align-items:center; gap:10px; color:#fff; text-decoration:none; font-size:18px; font-weight:900; letter-spacing:-.05em; }
.access-brand>span>span { color:var(--acid); }
.access-brand small { display:block; color:#aeb4b0; font:700 9px/1.05 Arial,sans-serif; letter-spacing:.18em; margin-top:1px; }
.header-link { color:#e8ece8; text-decoration:none; font-weight:700; font-size:14px; padding:13px 0; }
.header-link:hover { color:var(--acid); }
.access-hero { min-height:calc(100svh - 85px); display:grid; grid-template-columns:minmax(430px,.88fr) minmax(500px,1.12fr); align-items:center; gap:30px; padding:34px 0; }
.access-copy { position:relative; z-index:2; max-width:720px; }
.access-copy h1 { margin:0; font-size:clamp(52px,4.7vw,66px); font-weight:680; line-height:1.02; letter-spacing:-.065em; }
.access-copy h1 span { color:var(--acid); text-shadow:0 0 34px rgba(198,255,0,.18); }
.access-lead { max-width:610px; margin:30px 0 24px; color:var(--muted); font-size:18px; line-height:1.65; }
.access-form { max-width:620px; }
.access-input-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; }
.access-input-row input { height:58px; min-width:0; border:1px solid #444a46; border-radius:10px; background:#121413; color:#fff; padding:0 18px; font:16px Arial,sans-serif; outline:none; }
.access-input-row input:focus { border-color:var(--acid); box-shadow:0 0 0 3px #c6ff001c; }
.access-input-row button { height:58px; border:0; border-radius:10px; background:var(--acid); color:#050505; padding:0 24px; font:800 15px Arial,sans-serif; cursor:pointer; box-shadow:0 0 0 7px #c6ff000b; }
.access-input-row button:hover { filter:brightness(1.08); }
.access-input-row button:disabled { opacity:.55; cursor:wait; }
.access-status { min-height:18px; margin:10px 2px 0; color:#aeb4b0; font-size:12px; line-height:1.4; }
.access-status:empty { min-height:0; margin:0; }
.access-status[data-state=error] { color:#ff8e9b; }
.access-status[data-state=success] { color:var(--acid); }
.access-challenge { margin-top:10px; min-height:0; }
.referral-card { margin-top:20px; padding:17px 0 0; border-top:1px solid #2d312f; max-width:620px; }
.referral-label { margin:0 0 6px; color:var(--acid); font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.12em; }
.referral-card h2 { display:inline; margin:0; font-size:20px; line-height:1.15; letter-spacing:-.03em; }
.referral-card h2 span { color:#d9ddd9; }
.referral-card p:not(.referral-label) { display:inline; margin:0 0 0 8px; color:#8f9691; font-size:12px; line-height:1.5; }
.referral-result { margin-top:12px; }
.referral-result label { display:block; color:#bcc4be; font-size:11px; margin-bottom:7px; }
.referral-result>div { display:grid; grid-template-columns:1fr auto; }
.referral-result input { min-width:0; background:#0e100f; color:#fff; border:1px solid #363c38; border-radius:8px 0 0 8px; padding:10px; font-size:12px; }
.referral-result button { border:0; border-radius:0 8px 8px 0; background:#e7ebe7; padding:0 15px; font-weight:800; cursor:pointer; }
.referral-result small { display:block; margin-top:7px; color:#9ca59e; }
.wallet-form { margin-top:13px; padding-top:12px; border-top:1px solid #252a27; }
.wallet-form>div,.referral-lookup form { display:grid; grid-template-columns:minmax(0,1fr) auto; margin-top:7px; }
.wallet-form input,.referral-lookup input { min-width:0; height:40px; background:#0e100f; color:#fff; border:1px solid #363c38; border-radius:8px 0 0 8px; padding:0 11px; font-size:12px; outline:none; }
.wallet-form input:focus,.referral-lookup input:focus { border-color:var(--acid); }
.wallet-form button,.referral-lookup button { border:0; border-radius:0 8px 8px 0; background:#e7ebe7; color:#080908; padding:0 14px; font-weight:800; cursor:pointer; }
.wallet-form button:disabled,.referral-lookup button:disabled { opacity:.55; cursor:wait; }
.referral-lookup { margin-top:12px; color:#abb2ac; font-size:12px; }
.referral-lookup summary { width:max-content; color:#d9ddd9; font-weight:800; cursor:pointer; }
.referral-lookup small { display:block; margin-top:7px; color:#737b75; }
.wallet-form small[data-state=success],.referral-lookup small[data-state=success] { color:var(--acid); }
.wallet-form small[data-state=error],.referral-lookup small[data-state=error] { color:#ff8e9b; }
.access-legal { max-width:620px; color:#6f7671; font:11px/1.45 Arial,sans-serif; margin:9px 0 0; }
.access-socials { max-width:620px; margin-top:14px; display:flex; align-items:center; gap:17px; color:#aeb4b0; font-size:12px; }
.access-socials>span:first-child { color:#667069; font:700 9px ui-monospace,monospace; letter-spacing:.12em; text-transform:uppercase; }
.access-socials a { color:#e8ece8; text-decoration:none; font-weight:800; }
.access-socials a:hover { color:var(--acid); }
.access-socials b { color:var(--acid); font-size:9px; margin-left:2px; }
.access-visual { position:relative; width:100%; height:min(72vh,700px); min-height:540px; overflow:visible; margin:0; touch-action:pan-y; }
.hero-network-canvas { display:block; width:100%; height:100%; cursor:default; }
.access-visual figcaption { display:none; }
.sr-only { position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.not-found-page { min-height:100svh; overflow:hidden; }
.not-found-shell { position:relative; isolation:isolate; width:min(1360px,calc(100% - 64px)); min-height:100svh; margin:auto; padding-top:28px; }
.not-found-content { min-height:calc(100svh - 92px); display:flex; flex-direction:column; justify-content:center; align-items:flex-start; position:relative; z-index:2; max-width:820px; padding-bottom:7vh; }
.not-found-code { color:var(--acid); font:700 11px ui-monospace,monospace; letter-spacing:.16em; }
.not-found-content h1 { margin:22px 0 20px; font-size:clamp(64px,8vw,122px); line-height:.88; letter-spacing:-.075em; }
.not-found-content h1 span { color:var(--acid); }
.not-found-content p { margin:0; color:var(--muted); font-size:18px; }
.not-found-actions { display:flex; align-items:center; gap:26px; margin-top:32px; }
.not-found-actions a { text-decoration:none; font-weight:800; }
.not-found-primary { padding:17px 22px; border-radius:10px; background:var(--acid); color:#050505; }
.not-found-signal { position:absolute; z-index:0; width:min(46vw,620px); aspect-ratio:1; right:-8%; top:18%; border:1px solid #30352f; border-radius:50%; opacity:.65; }
.not-found-signal:before,.not-found-signal:after,.not-found-signal i,.not-found-signal b { content:''; position:absolute; inset:12%; border:1px solid #252b26; border-radius:50%; }
.not-found-signal:after { inset:28%; border-color:#c6ff0055; box-shadow:0 0 45px #c6ff0015; }
.not-found-signal i { inset:44%; background:var(--acid); border:0; box-shadow:0 0 28px var(--acid); }
.not-found-signal b { inset:4% 49.8%; border:0; border-left:1px solid #394038; border-radius:0; transform:rotate(42deg); }
.not-found-signal span { position:absolute; left:15%; right:15%; top:50%; height:1px; background:linear-gradient(90deg,transparent,var(--acid),transparent); transform:rotate(-18deg); }
@media(max-width:1050px) {
  .access-shell { width:min(100% - 36px,900px); }
  .access-hero { grid-template-columns:1fr; gap:0; padding:12px 0 44px; min-height:auto; }
  .access-visual { grid-row:1; height:370px; min-height:370px; width:min(600px,100%); justify-self:center; }
  .access-copy { grid-row:2; max-width:700px; margin:auto; text-align:center; }
  .access-copy h1 { font-size:clamp(48px,8.4vw,72px); }
  .access-lead,.access-form,.referral-card,.access-legal { margin-left:auto; margin-right:auto; }
  .access-socials { justify-content:center; margin-left:auto; margin-right:auto; }
  .referral-card { text-align:center; }
}
@media(max-width:600px) {
  .access-shell { width:calc(100% - 28px); }
  .access-header { height:70px; }
  .access-brand { font-size:15px; }
  .access-brand img { width:34px; height:34px; }
  .header-link { font-size:12px; }
  .access-hero { padding-top:0; }
  .access-visual { height:280px; min-height:280px; width:100%; }
  .access-copy h1 { font-size:45px; line-height:1.02; }
  .access-lead { font-size:16px; line-height:1.48; margin:21px auto 19px; max-width:360px; }
  .desktop-break { display:none; }
  .access-input-row { grid-template-columns:1fr; }
  .access-input-row input,.access-input-row button { height:54px; }
  .referral-card { padding-top:15px; margin-top:19px; }
  .referral-card h2 { display:block; font-size:19px; }
  .referral-card p:not(.referral-label) { display:block; margin:7px auto 0; max-width:360px; }
  .access-legal { margin-top:10px; }
  .referral-result>div { grid-template-columns:1fr; }
  .referral-result input { border-radius:8px 8px 0 0; }
  .referral-result button { height:42px; border-radius:0 0 8px 8px; }
  .wallet-form>div,.referral-lookup form { grid-template-columns:1fr; }
  .wallet-form input,.referral-lookup input { border-radius:8px 8px 0 0; }
  .wallet-form button,.referral-lookup button { height:40px; border-radius:0 0 8px 8px; }
  .access-socials { flex-wrap:wrap; gap:12px 16px; }
  .access-socials>span:first-child { width:100%; }
  .not-found-shell { width:calc(100% - 32px); padding-top:18px; }
  .not-found-content { min-height:calc(100svh - 70px); padding-bottom:12vh; }
  .not-found-content h1 { font-size:clamp(56px,18vw,78px); }
  .not-found-content p { max-width:290px; font-size:16px; line-height:1.5; }
  .not-found-actions { align-items:flex-start; flex-direction:column; gap:20px; }
  .not-found-signal { width:82vw; right:-38%; top:32%; opacity:.42; }
}
@media(prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; } .hero-network-canvas { opacity:.8; } }