:root{--bg-deep: #0c1f1a;--bg-mid: #143029;--bg-card: rgba(248, 245, 238, .96);--ink: #14201c;--ink-muted: #5c6f68;--accent: #1f7a5c;--accent-hover: #18634a;--danger: #b42318;--danger-bg: #fef3f2;--line: rgba(20, 32, 28, .12);--shadow: 0 24px 60px rgba(6, 20, 16, .35);--radius: 18px;--font-display: "Fraunces", Georgia, serif;--font-body: "Manrope", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background:radial-gradient(ellipse 80% 60% at 10% 20%,#1a4d3e 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 90% 80%,#2a6b52 0%,transparent 50%),linear-gradient(160deg,var(--bg-deep),var(--bg-mid));background-attachment:fixed}a{color:var(--accent);text-decoration:none;font-weight:600}a:hover{text-decoration:underline}.shell{min-height:100vh;display:grid;place-items:center;padding:2rem 1.25rem}.card{width:min(420px,100%);background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:2rem 1.75rem 1.75rem;animation:rise .55s ease both}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.brand{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.75rem}.brand-mark{font-family:var(--font-display);font-size:1.85rem;font-weight:700;letter-spacing:-.02em;line-height:1.1}.brand-sub{color:var(--ink-muted);font-size:.95rem;font-weight:500}h1{font-family:var(--font-display);font-size:1.45rem;margin:0 0 .35rem;font-weight:560}.lead{margin:0 0 1.5rem;color:var(--ink-muted);font-size:.95rem;line-height:1.45}form{display:flex;flex-direction:column;gap:.95rem}label{display:flex;flex-direction:column;gap:.4rem;font-size:.82rem;font-weight:600;color:var(--ink-muted)}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);border-radius:12px;padding:.85rem .95rem;font:inherit;font-size:.98rem;color:var(--ink);background:#fff;transition:border-color .15s ease,box-shadow .15s ease}input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #1f7a5c2e}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:12px;padding:.9rem 1rem;font:inherit;font-weight:700;cursor:pointer;transition:transform .12s ease,background .15s ease,opacity .15s ease}button:active{transform:translateY(1px)}button:disabled{opacity:.65;cursor:not-allowed}.btn-primary{background:var(--accent);color:#f7faf8;margin-top:.25rem}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{background:transparent;color:var(--ink-muted);font-weight:600}.error{background:var(--danger-bg);color:var(--danger);border-radius:12px;padding:.75rem .9rem;font-size:.9rem;font-weight:600;line-height:1.4}.success{background:#ecfdf3;color:#067647;border-radius:12px;padding:.75rem .9rem;font-size:.9rem;font-weight:600;line-height:1.4}.footer-links{margin-top:1.35rem;text-align:center;font-size:.9rem;color:var(--ink-muted)}.mfa-box{display:flex;flex-direction:column;align-items:center;gap:.85rem;padding:.5rem 0 .25rem}.mfa-box canvas,.mfa-box svg{border-radius:12px;background:#fff;padding:.5rem}.hint{font-size:.85rem;color:var(--ink-muted);text-align:center;line-height:1.45;margin:0}.secret{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;word-break:break-all;background:#eef3f0;padding:.55rem .7rem;border-radius:8px;width:100%;text-align:center}