:root{--blue:#2563eb;--blue-dark:#1d4ed8;--blue-light:#60a5fa;--red:#f87171;--bg:#0b1120;--surface:#1e293b;--border:#ffffff1a;--text:#f8fafc;--subtext:#94a3b8;--muted:#64748b}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);background-image:radial-gradient(at top,#1e3a5f73 0%,#0000 55%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.state{display:flex}.state.hidden{display:none!important}#state-loading{min-height:100vh;color:var(--subtext);flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:.9rem}.spinner{border:3px solid #ffffff1a;border-top-color:var(--blue-light);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#state-login{justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem}.login-card{-webkit-backdrop-filter:blur(20px);background:#0f172ac7;border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:400px;padding:2.5rem;box-shadow:0 20px 60px #00000080}.login-card h1{color:var(--text);margin-bottom:1.5rem;font-size:1.4rem;font-weight:700}.login-card label{color:var(--subtext);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.35rem;font-size:.75rem;font-weight:700;display:block}.login-card input{width:100%;color:var(--text);background:#0f172a99;border:1px solid #ffffff1a;border-radius:10px;margin-bottom:1rem;padding:.75rem .9rem;font-family:inherit;font-size:.95rem;transition:border-color .15s,box-shadow .15s;display:block}.login-card input::placeholder{color:var(--subtext)}.login-card input:focus{border-color:var(--blue-light);outline:none;box-shadow:0 0 0 3px #60a5fa33}.login-card button[type=submit]{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:.25rem;padding:.85rem;font-family:inherit;font-size:.95rem;font-weight:700;transition:background .15s,transform .1s}.login-card button[type=submit]:hover:not(:disabled){background:var(--blue-dark);transform:translateY(-1px)}.login-card button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.form-error{color:var(--red);margin-top:.75rem;font-size:.85rem}.form-error.hidden{display:none}.logo{align-items:baseline;gap:.1rem;margin-bottom:1.5rem;display:flex}.logo-name{color:var(--blue-light);font-size:1.3rem;font-weight:800}.logo-tag{color:var(--subtext);letter-spacing:.04em;margin-left:.5rem;font-size:.75rem}#state-signup{justify-content:center;align-items:center;min-height:100vh;padding:3rem 1.5rem;display:flex}.signup-card{-webkit-backdrop-filter:blur(20px);background:#0f172ac7;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:500px;padding:2.75rem;box-shadow:0 24px 64px #0000008c}.signup-header{text-align:center;margin-bottom:2rem}.brand{color:var(--blue-light);letter-spacing:-.5px;font-size:1.7rem;font-weight:800}.hero-badge{color:var(--blue-light);text-transform:uppercase;letter-spacing:.08em;background:#1e3a5f99;border:1px solid #2563eb4d;border-radius:999px;margin-bottom:1rem;padding:.35rem .9rem;font-size:.75rem;font-weight:700;display:inline-block}.signup-card h1{color:var(--text);letter-spacing:-1px;margin-bottom:.75rem;font-size:2rem;font-weight:800;line-height:1.15}.signup-sub{color:var(--subtext);font-size:1rem;line-height:1.6}.signup-card label{color:var(--subtext);letter-spacing:.04em;text-transform:uppercase;margin-top:1rem;margin-bottom:.45rem;font-size:.82rem;font-weight:700;display:block}.signup-card input{width:100%;color:var(--text);background:#0f172a99;border:1px solid #ffffff1a;border-radius:10px;padding:.9rem 1rem;font-family:inherit;font-size:.96rem;transition:border-color .15s,box-shadow .15s}.signup-card input::placeholder{color:var(--subtext)}.signup-card input:focus{border-color:var(--blue-light);outline:none;box-shadow:0 0 0 4px #60a5fa26}.signup-card button[type=submit],#signup-btn{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:1.5rem;padding:.95rem 1rem;font-family:inherit;font-size:1rem;font-weight:700;transition:background .15s,transform .1s}.signup-card button[type=submit]:hover,#signup-btn:hover{background:var(--blue-dark);transform:translateY(-1px)}.field-hint{color:var(--subtext);margin-top:.45rem;margin-bottom:.5rem;font-size:.8rem;line-height:1.5}.slug-preview{color:var(--subtext);margin-top:.5rem;margin-bottom:.5rem;font-size:.82rem}.slug-preview.hidden{display:none}.slug-preview code{color:var(--blue-light);font-family:monospace}.field-error.hidden,.slug-error.hidden{display:none}.field-error,.form-error{color:var(--red);margin-top:.4rem;font-size:.82rem}.signin-link{text-align:center;color:var(--subtext);margin-top:1.75rem;font-size:.92rem}.signin-link a{color:var(--blue-light);font-weight:600;text-decoration:none}.signin-link a:hover{color:#93c5fd}@media (width<=640px){.signup-card{padding:2rem 1.5rem}.signup-card h1{font-size:1.7rem}}