:root{
  --indigo-0:#141328;
  --indigo-1:#1B1A2E;
  --indigo-2:#241F3D;
  --gold:#D4A24C;
  --gold-soft:#E8C88A;
  --cream:#F5EFE4;
  --cream-dim:#C9C3B6;
  --line: rgba(245,239,228,0.10);
}
*{box-sizing:border-box;}
body{
  margin:0;
  background:
    radial-gradient(circle at 20% 0%, #241F3D 0%, transparent 55%),
    radial-gradient(circle at 85% 90%, #2E2851 0%, transparent 50%),
    var(--indigo-0);
  min-height:100vh;
  font-family:'Plus Jakarta Sans', -apple-system, sans-serif;
  color:var(--cream);
}
.auth-wrap{
  max-width:400px;
  margin:0 auto;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:40px 24px;
}
.brandmark{ display:flex; align-items:center; gap:10px; margin-bottom:40px; }
.brandmark .dial{ width:26px; height:26px; border-radius:50%; border:2px solid var(--gold); position:relative; }
.brandmark .dial::after{ content:""; position:absolute; top:2px; left:11px; width:2px; height:9px; background:var(--gold); transform-origin:bottom center; transform:rotate(35deg); }
.brandmark span{ font-family:Georgia, serif; font-weight:700; font-size:18px; }
.auth-title{ font-family:Georgia, serif; font-size:32px; font-weight:700; line-height:1.15; margin:0 0 12px; }
.auth-sub{ color:var(--cream-dim); font-size:14px; line-height:1.55; margin:0 0 30px; }
.btn-google{
  width:100%; display:flex; align-items:center; justify-content:center; gap:10px;
  background:var(--cream); color:#241a0a; text-decoration:none;
  padding:15px; border-radius:12px; font-weight:700; font-size:14.5px;
}
.fineprint{ text-align:center; color:#726d8a; font-size:11.5px; margin-top:20px; }