:root{color-scheme:dark;--text:#eef3ff;--muted:#acbad5;--border:rgba(208,222,255,.17)}*{box-sizing:border-box}
html,body{min-height:100%;margin:0;background:#070d18;color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
body{overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #81e2fa;outline-offset:3px}
#field{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;touch-action:none}
.veil{position:fixed;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,8,19,.6),transparent 78%),linear-gradient(180deg,rgba(3,8,19,.42),transparent 24%,transparent 75%,rgba(3,8,19,.4))}
.topbar{position:relative;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:20px;margin:20px auto 0;padding:15px 22px;max-width:min(1140px,calc(100% - 32px));border:1px solid var(--border);border-radius:20px;background:rgba(8,15,30,.75);backdrop-filter:blur(20px)}
.brand{font-size:16px;font-weight:850;letter-spacing:.18em}.brand span{color:#6de8e9}
nav{display:flex;align-items:center;gap:clamp(9px,2.5vw,29px)}nav a,nav button{border:0;background:transparent;padding:10px 4px;font-size:13px;font-weight:650}
nav a:hover,nav button:hover{color:#7eddec}nav .login{padding:10px 13px;border:1px solid var(--border);border-radius:10px}
.hero{position:relative;z-index:2;pointer-events:none;min-height:calc(100vh - 180px);padding:clamp(28px,8vw,130px);display:flex;flex-direction:column;justify-content:center}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:#88dceb;margin:0 0 18px}
h1{font-size:clamp(52px,9vw,132px);line-height:1;letter-spacing:-.07em;margin:0;text-shadow:0 12px 70px rgba(0,0,0,.4)}
h1 em{font-style:normal;color:#acb6ff}.subtitle{font-size:clamp(16px,2vw,21px);color:#e4ecff;line-height:1.55;margin:34px 0 12px}
.hint,.muted{color:var(--muted);font-size:12px}.hint{margin:0}
.panel{position:fixed;z-index:7;right:clamp(12px,3vw,45px);top:106px;width:min(340px,calc(100vw - 24px));max-height:calc(100vh - 135px);overflow-y:auto;border:1px solid var(--border);border-radius:20px;background:rgba(8,15,29,.94);backdrop-filter:blur(22px);padding:22px;box-shadow:0 18px 70px #0009}
.panel[hidden]{display:none}.panel-heading{display:flex;align-items:start;justify-content:space-between;gap:10px}.panel h2{font-size:25px;margin:0 0 20px}.panel-heading .eyebrow{font-size:9px;margin:0 0 4px}.panel-heading button{background:transparent;border:1px solid var(--border);border-radius:9px;font-size:24px;padding:1px 11px}
.panel label{font-size:13px;font-weight:650;display:flex;justify-content:space-between;margin:14px 0 7px}.panel output{color:#8ae0e8}
.panel select,.panel input[type=range]{width:100%;accent-color:#7bdcec}.panel select{padding:10px;border:1px solid var(--border);border-radius:10px;background:#1b2840;color:white}
.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:23px}.actions button{padding:10px 7px;border:1px solid var(--border);border-radius:10px;background:#24304b}.actions button:last-child{grid-column:span 2;background:#19556b}
.muted{line-height:1.5;margin:17px 0 0}footer{position:relative;pointer-events:none;z-index:2;display:flex;justify-content:space-between;gap:12px;max-width:1140px;margin:auto;padding:18px 24px;color:var(--muted);font-size:10px;letter-spacing:.15em}
.skip{position:absolute;top:-100px;z-index:20;background:white;color:black;padding:10px}.skip:focus{top:10px}.notice{position:relative;z-index:8}
.page{position:relative;z-index:3;max-width:820px;margin:12vh auto 0;padding:32px;background:rgba(8,15,29,.85);border:1px solid var(--border);border-radius:20px}.page h1{font-size:clamp(35px,6vw,64px);letter-spacing:-.05em}.page p{color:#ced9ee;line-height:1.7}.page a.cta{display:inline-block;margin-top:12px;padding:12px 16px;border-radius:10px;background:#176783}
@media(max-width:650px){.topbar{margin-top:10px;flex-wrap:wrap;gap:9px;padding:12px}.brand{font-size:13px}nav{width:100%;justify-content:space-between;gap:7px}nav a,nav button{font-size:12px}.hero{min-height:calc(100vh - 210px);padding:28px}.panel{top:120px}footer{font-size:8px}}
.page{margin-bottom:40px;width:calc(100% - 32px)}.page form{display:grid;gap:12px;margin-top:26px}.page label{font-size:14px}.page input,.page textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:9px;background:#142139;color:var(--text);font:inherit}.page button,.page .cta{font:inherit;padding:12px 16px;border:1px solid var(--border);border-radius:9px;background:#19556b;color:white}.page button:disabled{opacity:.55;cursor:default}.page [hidden]{display:none}.honeypot{position:absolute;left:-10000px}#request-status{min-height:3em}article{margin-top:28px;padding-top:20px;border-top:1px solid var(--border)}article h2{font-size:24px}a.cta:focus-visible{outline:2px solid #81e2fa;outline-offset:3px}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}