.login-page{background:radial-gradient(ellipse at top left, #e3f5fc, transparent 60%), var(--bg);place-items:center;min-height:100svh;padding:clamp(20px,4vw,64px);display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:28px;grid-template-columns:1.15fr 1fr;width:min(1120px,100%);min-height:520px;display:grid;overflow:hidden;box-shadow:0 24px 80px #0b2a4a0d}.login-intro{color:#fff;background:#0b2a4a;padding:clamp(32px,4vw,56px)}.login-intro .brand{gap:16px;padding:0}.login-intro .brand-icon{width:68px;height:68px}.login-intro .brand b{font-size:25px}.login-intro .brand small{color:#b6cddf;letter-spacing:1.5px;margin-top:7px;font-size:10px}.login-message{margin:72px 0 0}.login-card h1{letter-spacing:-1.4px;font-size:clamp(34px,3.7vw,50px);font-weight:500;line-height:1.12}.login-card h1 span{color:#48c8f2}.login-access{flex-direction:column;justify-content:center;padding:clamp(32px,4vw,56px);display:flex}.login-access h2{letter-spacing:-.8px;margin:0 0 14px;font-size:34px;font-weight:500}.login-access-heading p{color:var(--muted);font-size:16px;line-height:1.7}.login-access form{margin-top:28px}.login-google.btn{border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:58px;padding:15px;font-size:16px;display:flex}.login-google.btn:disabled{color:#607489;opacity:1;background:#e7edf2}.login-pending{color:#795917;background:#fff7e8;border:1px solid #f4e3bc;border-radius:12px;margin-top:30px;padding:18px 20px}.login-access .error{margin:24px 0 0;font-size:14px}@media (max-width:900px){.login-page{padding:24px}.login-intro,.login-access{padding:32px}.login-intro .brand b{font-size:21px}.login-intro .brand-icon{width:56px;height:56px}.login-card h1{font-size:38px}}@media (max-width:700px){.login-page{padding:16px}.login-card{border-radius:22px;grid-template-columns:1fr;max-width:520px;min-height:auto}.login-intro,.login-access{padding:28px}.login-message{margin:30px 0 0}.login-card h1{letter-spacing:-1px;font-size:36px}.login-access h2{margin-top:20px;font-size:30px}.login-access-heading p{font-size:15px}.login-pending{margin-top:24px}}@media (max-width:360px){.login-page{padding:10px}.login-intro,.login-access{padding:22px}.login-intro .brand{gap:12px}.login-intro .brand b{font-size:19px}.login-intro .brand-icon{width:48px;height:48px}.login-card h1{font-size:32px}}