:root{--bg: #010203;--panel: #07090b;--panel-2: #0b0e12;--ink: #d6dbe0;--paper: #f0f3f5;--muted: #8b949e;--dim: #59626c;--line: #20262d;--line-2: #303842;--up: #18a87d;--down: #dc614b;--accent: #4f8dff;--accent-bright: #79a8ff;--danger: #f07167;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-mark: "Archivo", system-ui, sans-serif;--fs-1: 8px;--fs-2: 10px;--fs-3: 12px;--fs-4: 15px;--pad: clamp(16px, 3.5vw, 34px);--radius: 4px}*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}body{overflow:hidden}#field{position:fixed;inset:0;display:block;width:100%;height:100%}.vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(38% 26% at 50% 50%,rgba(1,2,3,.82) 0%,rgba(1,2,3,.45) 55%,transparent 100%),radial-gradient(46% 40% at 50% 34%,rgba(79,141,255,.05) 0%,transparent 72%),linear-gradient(to bottom,rgba(1,2,3,.55) 0%,transparent 22%,transparent 84%,rgba(1,2,3,.82) 100%)}.bar{position:fixed;right:0;left:0;z-index:4;height:16vh;background:#000;pointer-events:none}.bar-top{top:0;animation:openTop .9s 1.9s cubic-bezier(.16,1,.3,1) both}.bar-bottom{bottom:0;animation:openBottom .9s 1.9s cubic-bezier(.16,1,.3,1) both}.topbar{position:fixed;top:var(--pad);right:var(--pad);left:var(--pad);z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px}.mark-lockup{display:flex;flex-direction:row;align-items:center;gap:.199em;font-size:21px;color:var(--paper);animation:fade .9s 2.15s both}.mark-glyph{width:.927em;height:.687em;flex:none;margin-bottom:-.069em;fill:currentColor}.mark-word{font-family:var(--font-mark);font-weight:500;font-stretch:125%;font-size:1em;line-height:1;letter-spacing:-.005em;text-transform:lowercase}.hero{position:fixed;inset:0;z-index:2;display:grid;align-content:center;justify-items:center;padding:72px var(--pad);text-align:center;animation:rise .9s 2.45s both}.slogan{margin:0 0 24px;font-size:clamp(30px,3.8vw,44px);font-weight:400;line-height:1.08;letter-spacing:-.02em;color:var(--muted);text-shadow:0 2px 30px rgba(1,2,3,.95),0 1px 4px rgba(1,2,3,.9)}.slogan span{font-family:var(--font-mark);font-weight:500;font-stretch:125%;font-size:1.16em;letter-spacing:-.005em;text-transform:lowercase;color:var(--paper)}.sheet{width:min(calc(100vw - 32px),408px);padding:0;border:0;background:none;overflow:visible}.sheet::backdrop{background:#0102039e;backdrop-filter:blur(3px);animation:fade .22s ease both}.sheet[open]{animation:rise .32s cubic-bezier(.16,1,.3,1) both}.sheet-title{margin:0 0 20px;font-size:var(--fs-4);font-weight:600;letter-spacing:-.01em;color:var(--paper)}.sheet-x{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:var(--radius);background:none;color:var(--dim);cursor:pointer;transition:color .16s ease,background .16s ease}.sheet-x:hover{background:#ffffff0f;color:var(--paper)}.sheet-x:focus-visible{outline:none;color:var(--paper);box-shadow:0 0 0 2px #4f8dff80}.card{position:relative;width:min(100%,408px);padding:26px 30px 24px;border:1px solid rgba(70,81,94,.5);border-radius:6px;background:linear-gradient(180deg,#12171ef2,#06080bf5);backdrop-filter:blur(18px) saturate(120%);box-shadow:0 1px #ffffff0d inset,0 2px 10px #00000080,0 32px 80px -12px #000000d9}.card:before{content:"";position:absolute;top:-1px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,var(--accent) 22%,var(--accent-bright) 50%,var(--accent) 78%,transparent);opacity:.55;transform-origin:50% 50%;animation:draw .7s .22s both}.form{display:grid;gap:10px}.field{display:grid;gap:5px}.field-label{font-size:var(--fs-1);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.field input{width:100%;padding:9px 11px;border:1px solid var(--line-2);border-radius:var(--radius);background:var(--panel-2);color:var(--ink);font-family:var(--font-mono);font-size:var(--fs-3);transition:border-color .16s ease,box-shadow .16s ease}.field input::placeholder{color:#3d454e}.field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #4f8dff21}.btn{position:relative;display:inline-block;text-decoration:none;margin-top:6px;padding:11px 14px;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);background:linear-gradient(180deg,#fff,#e7ebef);color:#06080b;font-family:var(--font-sans);font-size:var(--fs-3);font-weight:600;letter-spacing:.01em;cursor:pointer;box-shadow:0 1px #ffffff80 inset,0 6px 20px -8px #000000e6;transition:filter .16s ease,box-shadow .22s ease,transform .12s ease,opacity .16s ease}.btn:hover{background:linear-gradient(180deg,#fff,#f4f7f9);box-shadow:0 1px #fff9 inset,0 10px 30px -8px #000000f2}.btn:focus-visible{outline:none;box-shadow:0 1px #ffffff80 inset,0 0 0 3px #4f8dff73}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default;filter:none;box-shadow:none}.note{margin:2px 0 0;min-height:14px;font-size:var(--fs-2);line-height:1.4;color:var(--muted)}.note.is-bad{color:var(--danger)}.note.is-good{color:var(--up)}.btn-lead{margin:0 0 16px;padding:12px 30px;font-size:var(--fs-4)}.alt{display:flex;justify-content:center;align-items:center;gap:6px;font-size:var(--fs-3);line-height:1;color:var(--muted);text-shadow:0 1px 12px rgba(1,2,3,.95)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(14px) scale(.985);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}@keyframes openTop{0%{height:16vh}to{height:0}}@keyframes openBottom{0%{height:16vh}to{height:0}}@keyframes draw{0%{opacity:0;transform:scaleX(0)}to{opacity:.55;transform:scaleX(1)}}@media (max-width: 620px){body{overflow:auto}.hero{padding-top:84px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}.bar{display:none}}