:root{--charcoal:#23201D;--charcoal-soft:#332E27;--gold:#B8903C;--gold-deep:#8F6C28;--ivory:#FAF8F3;--sand:#D8C29A;--sand-line:#E6DAC0;--ink:#2A2620;--muted:#7C7364}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#332E27,var(--charcoal) 60%);font:15px/1.5 'Inter',system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink)}
.auth-card{width:min(100%,440px);background:#fff;border-radius:20px;padding:36px 40px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.install-card{width:min(100%,780px)}
.auth-card>img{width:180px;height:108px;object-fit:contain;display:block;margin:0 auto 18px}
.auth-heading{text-align:center;margin-bottom:26px}
.auth-heading span{color:var(--gold-deep);font-size:12.5px;font-weight:700}
.auth-heading h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;margin:4px 0 6px;font-size:30px;color:var(--charcoal)}
.auth-heading p{margin:0;color:var(--muted);font-size:13.5px}
form{display:grid;gap:16px}
label{display:grid;gap:6px;color:var(--muted);font-size:12.5px;font-weight:600}
input{width:100%;padding:12px 13px;border:1px solid var(--sand-line);border-radius:10px;font:inherit;outline:none}
input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(184,144,60,.18)}
button{border:0;border-radius:10px;padding:13px;background:var(--charcoal);color:#fff;font:inherit;font-weight:700;cursor:pointer}
button:hover{background:var(--charcoal-soft)}
fieldset{border:1px solid var(--sand-line);border-radius:12px;padding:18px}
legend{padding:0 7px;font-weight:700;font-family:'Cormorant Garamond',Georgia,serif;font-size:17px;color:var(--charcoal)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.wide{grid-column:1/-1}
label small{font-weight:400;color:var(--muted)}
.error,.success{padding:11px 14px;border-radius:10px;margin-bottom:16px;font-size:13.5px}
.error{background:#F5E6E1;color:#8C3F30}
.success{background:#E7EFE4;color:#3F6B4B}
.footer{display:block;text-align:center;color:var(--muted);margin-top:24px;font-size:12.5px}
@media(max-width:600px){.auth-card{padding:26px 22px}.grid{grid-template-columns:1fr}.wide{grid-column:auto}}