.login-page{background:linear-gradient(110deg,#f7f9ff 10%,#eaf0ff 100%);min-height:100vh}.login-head{height:86px;max-width:1170px;padding:0 25px;margin:auto;display:flex;align-items:center;justify-content:space-between}.login-head>a:last-child{color:#7886a2;font-size:12px;font-weight:720}.login-main{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1fr 440px;align-items:center;gap:65px;padding:66px 25px 100px}.login-info h1{font-size:clamp(37px,4vw,55px);line-height:1.19;letter-spacing:-2.5px;margin:17px 0 23px}.login-info h1 em{color:#5368e9;font-style:normal}.login-info>p{color:#71809a;font-size:15px;line-height:1.8;max-width:490px}.login-benefit{display:flex;align-items:center;gap:14px;font-size:13px;font-weight:720;color:#4f5f7d;margin:17px 0}.login-benefit span{color:#7d90d0;background:#e5ebff;border-radius:6px;padding:5px 8px;font-size:11px}.login-notice{margin-top:30px;font-size:11px;line-height:1.7;color:#7c8ba8;max-width:470px}.login-card{background:white;border:1px solid #e3e9f4;border-radius:17px;box-shadow:0 35px 90px #22387116;overflow:hidden}.card-top{text-align:center;padding:30px 30px 22px}.lock-bubble{height:42px;width:42px;background:#eef1ff;color:#556ce5;border-radius:11px;display:grid;place-items:center;font-size:22px;margin:auto}.card-top h2{font-size:23px;margin:13px 0 5px}.card-top p{font-size:12px;color:#8f9bb0;margin:0}.login-option{padding:21px 26px;border-top:1px solid #eff1f7}.login-option b{font-size:13px}.login-option p,.access-details p{font-size:11px;line-height:1.75;color:#8a97ac;margin:7px 0 14px}.login-option .button{width:100%;padding:12px;font-size:12px}.login-option>small,.access-details small{font-size:11px;color:#936c2f;display:block;margin-top:6px}.access-details{border-top:1px solid #eef1f7;padding:16px 26px}.access-details summary{cursor:pointer;color:#6477ce;font-size:12px;font-weight:760}.access-details label{display:block;font-size:11px;font-weight:730;margin-bottom:5px}.access-details input{width:100%;padding:11px;border:1px solid #dfe5ef;border-radius:7px;outline-color:#8da1fa}.access-details button{width:100%;margin:12px 0 4px}.login-bottom{border-top:1px solid #eff1f7;background:#fafbfe;color:#a0adbe;text-align:center;font-size:10px;padding:16px}.login-option .button-outline{color:#485cc1}
@media(max-width:850px){.login-main{grid-template-columns:1fr;gap:30px;max-width:540px;padding:35px 20px 60px}.login-info h1{font-size:38px}.login-card{width:100%}}

#auth-form { display: grid; gap: 12px; margin-bottom: 16px; }
#auth-form input { width: 100%; }