:root{--navy-950: #0b0f1e;--navy-900: #12182b;--navy-800: #1c2438;--navy-700: #2a3450;--gold-400: #f2b84b;--gold-300: #f6cd7a;--ink-100: #f5f3ee;--ink-300: #c7cbd9;--ink-500: #8b91a8;--danger: #e5806b;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);background:radial-gradient(circle at 20% 15%,rgba(242,184,75,.06),transparent 40%),var(--navy-950);color:var(--ink-100);-webkit-font-smoothing:antialiased}.screen-center{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.card{width:100%;max-width:420px;background:var(--navy-900);border:1px solid var(--navy-700);border-radius:16px;padding:32px;box-shadow:0 20px 60px #00000059}.card-wide{max-width:560px}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}h1{font-family:var(--font-display);font-weight:600;font-size:1.6rem;margin:0 0 8px;letter-spacing:-.01em}.muted{color:var(--ink-300);line-height:1.5;margin:0 0 20px}.fine-print{color:var(--ink-500);font-family:var(--font-mono);font-size:.75rem;margin:16px 0 0}label{display:block;font-family:var(--font-mono);font-size:.8rem;color:var(--ink-300);margin:18px 0 6px}input,textarea,select{width:100%;background:var(--navy-800);border:1px solid var(--navy-700);border-radius:10px;padding:12px 14px;color:var(--ink-100);font-family:var(--font-body);font-size:.95rem;resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid var(--gold-400);outline-offset:1px;border-color:var(--gold-400)}button[type=submit]{width:100%;margin-top:24px;padding:13px 18px;border:none;border-radius:10px;background:var(--gold-400);color:var(--navy-950);font-family:var(--font-display);font-weight:600;font-size:.95rem;cursor:pointer;transition:background .15s ease,transform .1s ease}button[type=submit]:hover:not(:disabled){background:var(--gold-300)}button[type=submit]:active:not(:disabled){transform:scale(.99)}button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.text-button{background:none;border:none;color:var(--ink-500);font-family:var(--font-mono);font-size:.75rem;cursor:pointer;padding:4px 0}.text-button:hover{color:var(--ink-100)}.button-link{display:inline-block;margin-top:8px;color:var(--gold-400);text-decoration:none;font-family:var(--font-mono);font-size:.85rem}.button-link:hover{text-decoration:underline}.error-text{color:var(--danger);font-size:.85rem;margin:10px 0 0}.star-badge{width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:28px;border-radius:50%;background:var(--navy-800);color:var(--navy-700);margin-bottom:16px}.star-badge-lit{color:var(--gold-400);background:radial-gradient(circle,rgba(242,184,75,.25),transparent 70%);animation:star-pulse 1.4s ease-out}@keyframes star-pulse{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}.loading-star{width:32px;height:32px;border:2px solid var(--navy-700);border-top-color:var(--gold-400);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.star-badge-lit,.loading-star{animation:none}}