:root{--bg:#faf9f7;--bg-accent:#f1efe9;--text:#1a1a1a;--text-muted:#6b6660;--border:#d9d5cd;--border-focus:#1a1a1a;--accent:#1a1a1a;--accent-text:#faf9f7;--error:#b3261e;--success:#1d6b3a;--sans:"Courier New", Courier, monospace;font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-weight:500}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}#root{min-height:100svh}.page{background:radial-gradient(120% 120% at 50% 0%, var(--bg-accent) 0%, var(--bg) 60%);justify-content:center;align-items:center;min-height:100svh;padding:24px;display:flex}.card{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:520px;display:flex}.logo{width:100%;max-width:360px;height:auto;margin-bottom:56px}.tagline{color:#000;text-wrap:balance;text-transform:uppercase;max-width:440px;margin:0 0 48px;font-family:Courier New,Courier,monospace;font-size:14px;font-weight:700;line-height:1.6}.social{width:44px;height:44px;color:var(--text);justify-content:center;align-items:center;margin:0 0 40px;transition:color .2s,border-color .2s,transform 50ms;display:inline-flex}.social:hover{color:var(--accent);border-color:var(--border-focus)}.social:active{transform:translateY(1px)}.social-icon{display:block}.headline{letter-spacing:-.6px;color:var(--text);margin:0 0 12px;font-size:32px;font-weight:600}.subtitle{color:var(--text-muted);max-width:420px;margin:0 0 32px;font-size:16px;line-height:1.55}.form{width:100%}.field{gap:8px;width:100%;display:flex}.input{min-width:0;color:var(--text);border:1px solid var(--border);background:#fff;border-radius:8px;flex:auto;padding:14px 16px;font-family:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s}.input::placeholder{color:#a8a399}.input:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #1a1a1a14}.input:disabled{opacity:.6}.button{color:var(--accent-text);background:var(--accent);border:1px solid var(--accent);cursor:pointer;white-space:nowrap;border-radius:8px;flex:none;padding:14px 22px;font-family:inherit;font-size:16px;font-weight:500;transition:opacity .2s,transform 50ms}.button:hover:not(:disabled){opacity:.85}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{cursor:default;opacity:.6}.message{margin:16px 0 0;font-size:14px;line-height:1.5}.message.error{color:var(--error)}.message.success{color:var(--text);margin-top:8px;font-size:16px}@media (width<=520px){.field{flex-direction:column}.button{width:100%}.headline{font-size:26px}}