:root{--bg:#0f0f10;--card:#1c1c1f;--text:#f1f1f3;--muted:#9b9ba3;--red:#e5534b}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:300;-webkit-font-smoothing:antialiased}
.signin{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(70% 60% at 50% 45%,#17181c 0%,#0f0f10 70%)}
.sicard{width:min(440px,100%);background:var(--card);border-radius:28px;padding:40px 32px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.45);display:flex;flex-direction:column;align-items:center;gap:16px}
.gbtn{min-height:44px;display:flex;justify-content:center}
.msg{min-height:18px;font-size:14px;color:var(--muted)}
.msg.err{color:var(--red)}
@media (prefers-color-scheme:light){:root{--bg:#eceef1;--card:#fff;--text:#16171a;--muted:#5f6068}
.signin{background:radial-gradient(70% 60% at 50% 45%,#fff 0%,#eceef1 70%)}.sicard{box-shadow:0 30px 80px rgba(20,22,28,.12)}}
.side{display:block;width:100%}.side img{display:block;width:100%;height:auto;max-height:200px;object-fit:contain}