:root{--color-base:#171514;--color-surface:#262320;--color-elevated:#322f2b;--color-border:#3d3935;--color-text-primary:#e8e4de;--color-text-secondary:#a8a39a;--color-text-tertiary:#807b72;--color-accent:#8b9d84;--color-accent-hover:#9db096;--color-accent-subtle:#2d342b;--color-danger:#c2705f;--color-success:#8b9d84}*{box-sizing:border-box}html,body{background:var(--color-base);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}.container{max-width:640px;margin:0 auto;padding:0 20px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:28px}.field{margin-bottom:16px}.field label{color:var(--color-text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.field input{width:100%;color:var(--color-text-primary);background:var(--color-elevated);border:1px solid var(--color-border);border-radius:8px;outline:none;padding:10px 12px;font-size:15px}.field input:focus{border-color:var(--color-accent)}.btn{color:var(--color-base);background:var(--color-accent);cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:15px;font-weight:600;display:inline-block}.btn:hover{background:var(--color-accent-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-block{text-align:center;width:100%;display:block}.btn-ghost{color:var(--color-text-primary);border:1px solid var(--color-border);background:0 0}.btn-ghost:hover{background:var(--color-elevated);color:var(--color-text-primary)}.note{color:var(--color-text-tertiary);margin-top:12px;font-size:13px}.note a{color:var(--color-accent)}.msg{border-radius:8px;margin-bottom:16px;padding:10px 12px;font-size:14px}.msg-error{color:var(--color-danger);background:#c2705f26;border:1px solid #c2705f66}.msg-success{color:var(--color-success);background:#8b9d8426;border:1px solid #8b9d8466}.muted{color:var(--color-text-secondary)}.center{text-align:center}.mt{margin-top:20px}