:root{--bg:#191F29;--bg2:#12161e;--border:#252a35;--ink:#e6e8eb;--mut:#8b92a0;--org:#F47B20;--cyan:#E4ECFC}
*{box-sizing:border-box}html,body{height:100%;margin:0}
body{background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
 background-image:radial-gradient(ellipse at 50% 30%,rgba(244,123,32,.08),transparent 60%);background-attachment:fixed}
.lg{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}
.lgcard{width:100%;max-width:420px;background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:40px 36px 28px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 0 1px rgba(244,123,32,.05)}
.lglogo{width:320px;max-width:90%;height:auto;margin:0 auto 18px;display:block}
.lgtag{color:var(--mut);margin:0 0 28px}
.provs{display:flex;flex-direction:column;gap:12px}
.prov{display:flex;align-items:center;justify-content:center;gap:12px;height:48px;border-radius:10px;font-weight:600;text-decoration:none;border:1px solid var(--border);transition:transform .08s,box-shadow .15s}
.prov svg{width:22px;height:22px}.prov:hover{box-shadow:0 0 0 3px rgba(244,123,32,.35)}.prov:active{transform:translateY(1px)}
.prov.google{background:#fff;color:#1f1f1f}
.lgnote{color:var(--mut);font-size:12px;margin:22px 0 0}
.lgfoot{margin-top:22px;color:var(--mut);font-size:12px}.lgfoot a{color:var(--org)}

.lg-light{display:none!important}
html[data-theme=light]{--bg:#f3f5f8;--bg2:#ffffff;--border:#d9dee6;--ink:#1a1f2b;--mut:#5b6472}
html[data-theme=light] .lg-light{display:block!important}html[data-theme=light] .lg-dark{display:none!important}
html[data-theme=light] .lgcard{box-shadow:0 20px 50px rgba(20,30,50,.12)}html[data-theme=light] .prov.google{border-color:#c9d0da}