/* Crown Creative Suite - Auth page */
:root {
  --ccs-bg:#130f0b; --ccs-card:rgba(31,22,14,.94); --ccs-gold:#d8b66a;
  --ccs-gold-bright:#f4d993; --ccs-parchment:#f6e8c7; --ccs-muted:#c9b98e;
  --ccs-danger:#ffb4a8; --ccs-success:#bde7bd; --ccs-border:rgba(216,182,106,.38);
  font-family:Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(216,182,106,.14),transparent 32rem),linear-gradient(135deg,#0b0806 0%,var(--ccs-bg) 48%,#23160e 100%);color:var(--ccs-parchment)}
a{color:var(--ccs-gold-bright)}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:2rem 1rem}
.auth-card{width:min(100%,480px);background:var(--ccs-card);border:1px solid var(--ccs-border);border-radius:24px;box-shadow:0 24px 70px rgba(0,0,0,.55);padding:2rem;position:relative;overflow:hidden}
.auth-brand{display:inline-flex;align-items:center;gap:.8rem;text-decoration:none;color:var(--ccs-parchment)}
.auth-brand strong,.auth-brand small{display:block}
.auth-brand small{color:var(--ccs-muted);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}
.brand-mark{width:2.8rem;height:2.8rem;display:grid;place-items:center;border-radius:999px;border:1px solid var(--ccs-border);color:var(--ccs-gold-bright);background:rgba(255,244,218,.08);font-size:1.4rem}
.auth-header{margin:2rem 0 1.5rem}
.eyebrow{color:var(--ccs-gold);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;margin:0 0 .5rem}
h1{font-size:clamp(2rem,8vw,3rem);line-height:1;margin:0 0 .9rem}
.auth-header p{color:var(--ccs-muted);line-height:1.55;margin:0}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;background:rgba(0,0,0,.22);border:1px solid rgba(216,182,106,.22);border-radius:999px;padding:.35rem}
.auth-tab{border:0;border-radius:999px;padding:.8rem 1rem;background:transparent;color:var(--ccs-muted);font-weight:700;cursor:pointer}
.auth-tab.is-active{background:linear-gradient(135deg,var(--ccs-gold),var(--ccs-gold-bright));color:#1b120b}
.auth-form{margin-top:1.2rem;display:grid;gap:1rem}
.auth-form label{display:grid;gap:.4rem;font-weight:700}
.auth-form input{width:100%;border:1px solid rgba(216,182,106,.34);border-radius:14px;background:rgba(0,0,0,.28);color:var(--ccs-parchment);padding:.9rem 1rem;font:inherit;outline:none}
.auth-form input:focus{border-color:var(--ccs-gold-bright);box-shadow:0 0 0 3px rgba(216,182,106,.16)}
.primary-button,.link-button{font:inherit;cursor:pointer}
.primary-button{border:0;border-radius:14px;padding:1rem 1.2rem;color:#1b120b;background:linear-gradient(135deg,var(--ccs-gold),var(--ccs-gold-bright));font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.primary-button:disabled{opacity:.6;cursor:wait}
.link-button{border:0;background:transparent;color:var(--ccs-gold-bright);text-decoration:underline;justify-self:center;padding:.3rem}
.auth-note,.auth-message,.auth-footer{color:var(--ccs-muted)}
.auth-note{font-size:.92rem;line-height:1.45;margin:0}
.auth-message{min-height:1.4rem;margin:1rem 0 0;line-height:1.45}
.auth-message.is-error{color:var(--ccs-danger)}
.auth-message.is-success{color:var(--ccs-success)}
.auth-footer{margin-top:1.4rem;text-align:center}
.is-hidden{display:none!important}
@media(max-width:520px){.auth-card{padding:1.4rem;border-radius:18px}}