:root{--bg1:#0f172a;--bg2:#0b1220;--card:#ffffff;--muted:#6b7280}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;min-height:100vh;background:linear-gradient(180deg,var(--bg1),var(--bg2));color:#0b1220}
.center{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}
.card{background:linear-gradient(180deg,#ffffff 0%, #fbfdff 100%);max-width:420px;width:100%;border-radius:12px;padding:32px;box-shadow:0 10px 30px rgba(2,6,23,0.6);text-align:center}
.brand{margin:0;font-size:28px;color:#0b1220}
.lead{color:var(--muted);margin:8px 0 20px}
.google-btn{display:inline-flex;align-items:center;gap:12px;padding:10px 18px;border-radius:8px;background:#fff;border:1px solid #e6e9ef;text-decoration:none;color:#202124;font-weight:600;box-shadow:0 2px 6px rgba(60,64,67,0.15)}
.google-btn:hover{transform:translateY(-1px)}
.g-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:linear-gradient(180deg,#ffffff,#f3f4f6);font-weight:700;color:#4285f4}
.g-text{font-size:15px}
.small{margin-top:12px;color:var(--muted);font-size:13px}
.footer{margin-top:18px;color:#cbd5e1;font-size:13px}

@media (max-width:480px){.card{padding:20px;border-radius:10px}}