:root{--bg:#f4f1ec;--bg-soft:#ece7df;--card:#ffffff;--text:#1a1a1a;--muted:#6f6a63;--border:#e3ddd3;--accent:#1a1a1a;--accent-soft:rgba(26,26,26,0.06)}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 50% -10%,var(--bg-soft) 0,var(--bg) 55%)}.wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:100%;max-width:400px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:32px;box-shadow:0 20px 60px rgba(26,26,26,.08)}.logo{height:44px;width:auto;display:block;margin:0 0 6px}.brand{font-size:28px;font-weight:700;letter-spacing:.12em;margin:0 0 4px}.subtitle{color:var(--muted);margin:0 0 28px;font-size:14px}.btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;margin-bottom:12px;border-radius:10px;border:1px solid var(--border);background:#fff;color:#1a1a1a;font-size:15px;font-weight:600;cursor:pointer;transition:transform .05s ease,filter .15s ease,border-color .15s ease}.btn:hover{filter:brightness(.98);border-color:#d5cec2}.btn:active{transform:translateY(1px)}.btn--ghost{background:transparent;color:var(--text)}.btn form{margin:0}.icon{width:18px;height:18px;flex:0 0 auto}.hint{color:var(--muted);font-size:12px;margin-top:20px;text-align:center;line-height:1.5}.error-box{background:rgba(178,44,44,.07);border:1px solid rgba(178,44,44,.25);color:#b22c2c;border-radius:10px;padding:12px 14px;font-size:13px;margin-bottom:20px;line-height:1.5}.hello{font-size:26px;margin:0 0 8px}.badge,.hello{font-weight:700}.badge{display:inline-block;margin-left:8px;padding:2px 10px;border-radius:999px;font-size:12px;background:var(--accent-soft);color:var(--accent);border:1px solid var(--border);vertical-align:middle}.muted{color:var(--muted);font-size:14px}