:root{--bg:#0f172a;--card:#111827;--card-border:#1f2937;--text:#e5e7eb;--muted:#9ca3af;--primary:#22c55e;--primary-hover:#16a34a;--input-bg:#0b1220;--input-border:#334155;--danger:#f87171;--success:#4ade80;--info:#93c5fd;color:var(--text);background-color:var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;margin:0}#app{min-height:100vh}.auth-page{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border:1px solid var(--card-border);background:linear-gradient(#111827fa,#0f172afa);border-radius:16px;width:100%;max-width:460px;padding:28px;box-shadow:0 22px 40px #00000059}.auth-card h1{margin:0;font-size:1.75rem}.auth-subtitle{color:var(--muted);margin:12px 0 20px}.auth-form{gap:12px;display:grid}.auth-form label{font-size:.95rem}.auth-form input{background:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--text);border-radius:10px;padding:12px 14px;font-size:1rem}.auth-form input:focus-visible{outline-offset:1px;outline:2px solid #38bdf8}.auth-form button{background:var(--primary);color:#03220f;cursor:pointer;border:none;border-radius:10px;margin-top:4px;padding:12px 14px;font-size:1rem;font-weight:700;transition:background-color .2s}.auth-form button:hover:not(:disabled){background:var(--primary-hover)}.auth-form button:disabled{cursor:not-allowed;opacity:.7}.auth-feedback{min-height:1.4em;margin:2px 0 0;font-size:.95rem}.auth-feedback.info{color:var(--info)}.auth-feedback.error{color:var(--danger)}.auth-feedback.success{color:var(--success)}.auth-links{gap:10px;margin-top:18px;display:grid}.auth-link{color:#dbeafe;border:1px solid var(--input-border);text-align:center;border-radius:10px;padding:10px 12px;text-decoration:none;transition:border-color .2s,background-color .2s}.auth-link:hover{background:#3b82f61f;border-color:#60a5fa}