:root{font-family:Segoe UI,Arial,sans-serif;color:#1e293b;background:#f3f6fb}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top,#e1ecff,transparent 70%)}.login-card{width:100%;max-width:440px;border:1px solid #dfe6f0;background:#fff;border-radius:20px;padding:42px 36px;box-shadow:0 16px 60px #1e385514;text-align:center}.mark{width:56px;height:56px;display:grid;place-items:center;background:#1463e6;color:white;border-radius:15px;margin:auto;font-size:28px;font-weight:700}.brand{letter-spacing:3px;font-size:12px;font-weight:700;color:#65768d;margin:20px 0 28px}h1{font-size:27px;margin:0 0 13px}.intro{color:#66768b;font-size:15px;line-height:1.7;margin-bottom:30px}button{display:flex;align-items:center;justify-content:center;gap:14px;min-height:48px;width:100%;border:1px solid #ccd4df;border-radius:8px;background:white;color:#263445;font:600 15px Segoe UI,Arial,sans-serif;cursor:pointer}button span{font-size:22px;color:#4285f4;font-family:Arial,sans-serif}button:hover{background:#f6f9ff}button:focus-visible{outline:3px solid #83b3ff;outline-offset:3px}button:disabled{opacity:.55;cursor:not-allowed}#loginStatus{font-size:14px;line-height:1.6;color:#52647c;min-height:24px}.footnote{font-size:12px;line-height:1.7;color:#8090a3;margin:30px 0 0;padding-top:20px;border-top:1px solid #edf0f5}@media(max-width:480px){.login-card{padding:32px 22px}h1{font-size:24px}}

[hidden]{display:none!important}#previewLogin{margin-top:12px;background:#1463e6;color:white;border-color:#1463e6}

#lanLogin{margin-top:20px;text-align:left}#lanLogin label{display:block;font-size:14px;margin-bottom:8px}#lanCode{width:100%;padding:12px;border:1px solid #ccd4df;border-radius:8px;font:16px Segoe UI,Arial,sans-serif;margin-bottom:12px}#lanLogin button{background:#1463e6;color:white}