*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--cyan: #4FC3F7;--cyan-deep: #0E9BD8;--cyan-ink: #07303F;--ink: #0B1117;--surface: #111B26;--raised: #15212E;--hairline: rgba(79,195,247,.16);--hairline-soft: rgba(79,195,247,.09);--text: #E9F2F7;--text2: #B9C9D4;--text3: #8FA5B3;--light: rgba(233,242,247,.08);--error: #FF8A8A;--font-display: "Bricolage Grotesque", sans-serif;--font-body: "Hanken Grotesk", sans-serif;--font-mono: "IBM Plex Mono", monospace;--r: 8px;--midnight: #0B1117;--deep: #111B26;--dim: #8FA5B3;--muted: #8FA5B3;--soft: #B9C9D4;--white: #E9F2F7}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text);background:radial-gradient(ellipse 52% 44% at 78% 12%,rgba(79,195,247,.1),transparent 70%),radial-gradient(ellipse 40% 36% at 12% 90%,rgba(79,195,247,.05),transparent 70%),var(--ink);min-height:100vh;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column}::selection{background:var(--cyan);color:var(--cyan-ink)}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:2px}.bp-grid{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(var(--hairline-soft) 1px,transparent 1px),linear-gradient(90deg,var(--hairline-soft) 1px,transparent 1px),linear-gradient(rgba(79,195,247,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(79,195,247,.035) 1px,transparent 1px);background-size:64px 64px,64px 64px,16px 16px,16px 16px;mask-image:radial-gradient(ellipse 120% 90% at 50% 0%,#000 0%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse 120% 90% at 50% 0%,#000 0%,transparent 72%)}.nav,.wrap,.footer{position:relative;z-index:1}.nav{padding:18px 40px;display:flex;align-items:center;border-bottom:1px solid var(--hairline-soft)}.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:600;font-size:1.15rem;letter-spacing:-.02em;color:var(--text);min-height:44px}.logo:hover{text-decoration:none}.logo img{width:32px;height:32px}.logo .cy{color:var(--cyan)}.wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px 80px}.card{position:relative;width:100%;max-width:480px;background:linear-gradient(165deg,var(--raised),var(--surface));border:1px solid var(--hairline);border-radius:14px;padding:40px 36px;box-shadow:0 0 0 1px transparent,0 24px 80px #00000080,0 0 64px #4fc3f712;animation:rise .7s cubic-bezier(.2,.7,.2,1) both}.card:before{content:"";position:absolute;top:-1px;left:-1px;width:18px;height:18px;border-top:1px solid var(--cyan);border-left:1px solid var(--cyan);border-top-left-radius:14px}.card:after{content:"";position:absolute;bottom:-1px;right:-1px;width:18px;height:18px;border-bottom:1px solid var(--cyan);border-right:1px solid var(--cyan);border-bottom-right-radius:14px}@keyframes rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.icon-wrap{width:56px;height:56px;background:#4fc3f71a;border:1px solid var(--hairline);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}h1{font-family:var(--font-display);font-size:1.7rem;font-weight:700;letter-spacing:-.025em;line-height:1.15;margin-bottom:10px}.lede{font-size:.95rem;color:var(--text2);line-height:1.6;margin-bottom:32px}.field-label{display:block;font-family:var(--font-mono);font-size:.64rem;font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--text3);margin-bottom:8px}.field-label:before{content:"// "}.input-row{display:flex;align-items:stretch;background:#0b111799;border:1px solid var(--light);border-radius:10px;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease;margin-bottom:10px}.input-row:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px #4fc3f726}.input-row.error{border-color:var(--error)}.suffix{background:#e9f2f70a;color:var(--text3);font-family:var(--font-mono);font-size:.8rem;font-weight:500;padding:0 14px;display:flex;align-items:center;white-space:nowrap;border-left:1px solid var(--light);user-select:none}input[type=text]{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:var(--font-mono);font-size:.92rem;font-weight:400;padding:14px 16px;min-width:0}input[type=text]::placeholder{color:var(--text3);font-weight:400}.error-msg{font-size:.82rem;color:var(--error);margin-bottom:16px;min-height:1em;display:none}.error-msg.visible{display:block}.btn-go{width:100%;min-height:48px;padding:14px 24px;background:var(--cyan);color:var(--cyan-ink);font-family:var(--font-body);font-size:.98rem;font-weight:700;border:none;border-radius:var(--r);cursor:pointer;touch-action:manipulation;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;margin-bottom:24px}.btn-go:hover{transform:translateY(-1px);box-shadow:0 8px 30px #4fc3f759;background:#6fcff9}.btn-go:active{transform:none}.divider{border:none;border-top:1px dashed var(--hairline);margin-bottom:20px}.help-text{font-size:.83rem;color:var(--text3);line-height:1.6;text-align:center}.help-text strong{color:var(--text2);font-weight:600}.footer{text-align:center;color:var(--text3);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.04em;padding:24px;border-top:1px solid var(--hairline-soft)}@media(max-width:540px){.nav{padding:14px 18px}.card{padding:28px 20px;border-radius:12px}h1{font-size:1.4rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}