*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f7f9fc;color:#18314b;font-family:Inter,Arial,Helvetica,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.welcome-card{width:min(100%,520px);padding:28px 46px 38px;border:1px solid #e4eaf2;border-radius:22px;background:#fff;text-align:center;box-shadow:0 14px 46px rgba(10,42,83,.08)}.brand-logo{display:block;width:230px;height:230px;object-fit:contain;margin:-12px auto -9px}.rule{height:1px;background:#e6edf7;margin:8px 0 27px}.school{font-size:11px;letter-spacing:1.7px;font-weight:750;color:#59708a}h1{font-size:32px;letter-spacing:-1px;margin:11px 0 12px;color:#122d4b}.description{color:#61758c;line-height:1.6;margin:0 auto 24px;max-width:390px}#gatewayState{font-size:13px;color:#61778c;margin:13px 0}.google-btn,.enter-btn{width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;gap:14px;background:#055eca;border:0;border-radius:10px;color:#fff;font-weight:700;font-size:15px;cursor:pointer;text-decoration:none}.google-btn:hover,.enter-btn:hover{background:#004ba8}.google-g{background:#fff;color:#4285f4;width:28px;height:28px;display:grid;place-items:center;border-radius:5px;font-size:19px;font-weight:800}.text-btn{border:0;background:none;color:#055eca;font-size:13px;cursor:pointer;margin-top:14px}.hint{color:#7a8b9c;font-size:12px;margin:23px 0 0}footer{margin-top:23px;color:#73849a;font-size:12px;text-align:center}footer span{margin:0 8px}[hidden]{display:none!important}@media(max-width:520px){.welcome-card{padding:22px 25px 32px}.brand-logo{width:205px;height:205px}h1{font-size:27px}}