*{box-sizing:border-box}body{margin:0;background:#f3f6fb;color:#172b4d;font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}main{min-height:100svh;display:grid;place-items:center;padding:32px 20px}.shell{display:grid;grid-template-columns:1fr 1fr;width:min(980px,100%);background:white;border:1px solid #dce3ee;border-radius:24px;overflow:hidden;box-shadow:0 22px 70px #172b4d14}.intro{padding:58px 48px;background:#172b4d;color:#fff;display:flex;flex-direction:column;justify-content:center}.brand{font-size:28px;font-weight:800;letter-spacing:-1px;margin:0 0 48px}.brand span{color:#8abaff}.eyebrow{font-size:12px;font-weight:750;letter-spacing:2px;color:#a9cdff}h1{font-size:clamp(28px,4vw,40px);line-height:1.16;letter-spacing:-1.1px;margin:16px 0}.intro p{color:#dce7f7;font-size:16px}.intro small{margin-top:40px;color:#c0d3ef}.form-panel{padding:58px 44px;align-self:center}h2{font-size:25px;letter-spacing:-.5px;margin:0 0 8px}.subtitle{color:#53647b;margin:0 0 28px}label{display:block;font-size:14px;font-weight:650;margin-top:18px}input{width:100%;border:1px solid #adbbce;border-radius:9px;padding:13px 14px;margin-top:7px;font:inherit;color:#172b4d;background:#fff}input:focus{outline:3px solid #c1d8ff;border-color:#245ccf}button,.button{display:block;text-align:center;width:100%;border:0;border-radius:9px;padding:14px 16px;background:#2358c7;color:white;font:inherit;font-weight:700;margin-top:26px;text-decoration:none;cursor:pointer}button:hover,.button:hover{background:#1848ad}a{color:#2358c7}.secondary{background:white;color:#2358c7;border:1px solid #adbbce;margin-top:12px}.secondary:hover{background:#f0f5ff}.hint{font-size:13px;color:#53647b;margin:22px 0 0}.notice{padding:12px 14px;background:#fff1f1;border:1px solid #e3afaf;color:#84272e;border-radius:9px;font-size:14px}.account{padding:12px 14px;background:#f1f5fb;border-radius:9px;margin:22px 0;font-size:14px}.foot{font-size:12px;color:#53647b;margin-top:32px}@media(max-width:720px){.shell{grid-template-columns:1fr;max-width:460px}.intro{padding:30px}.brand{margin-bottom:16px}.intro h1{font-size:27px}.intro small{display:none}.intro p{margin:8px 0}.form-panel{padding:32px 30px}main{padding:18px 12px}}