:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#17243a;background:#f4f6f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 9% 75%,#e9f0fc 0,transparent 29%),linear-gradient(130deg,#f8fafc,#eef2f8);font-size:14px}button,input{font:inherit}button{cursor:pointer}.shell{max-width:1240px;min-height:100vh;margin:auto;padding:28px 48px 22px;display:flex;flex-direction:column}.topbar,.footer{display:flex;align-items:center;justify-content:space-between}.identity{display:flex;align-items:center;gap:12px;font-weight:800;font-size:21px;color:#1c355b;text-decoration:none;letter-spacing:-.7px}.identity .light{font-weight:500;color:#53677f}.service-status{display:flex;align-items:center;gap:9px;color:#667991;font-size:12px}.indicator{width:7px;height:7px;border-radius:50%;background:#3a9e7c;box-shadow:0 0 0 4px #dcefe9}.main{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.85fr);align-items:center;gap:90px;flex:1;padding:50px 0}.intro{max-width:575px}.eyebrow{font-size:11px;color:#507ba9;letter-spacing:2.1px;font-weight:800;margin:0 0 22px}.intro h1{font-size:clamp(38px,4vw,57px);line-height:1.12;margin:0 0 23px;font-weight:740;letter-spacing:-2px}.intro h1 span{color:#3977ac}.lead{color:#718097;font-size:17px;line-height:1.75;max-width:480px}.details{margin-top:40px;display:flex;flex-direction:column;gap:26px}.detail{display:flex;align-items:center;gap:14px}.icon-circle{width:40px;height:40px;display:grid;place-items:center;border:1px solid #dbe6f4;border-radius:12px;background:white;font-size:19px;color:#3f7db1}.detail div{display:flex;flex-direction:column;gap:5px}.detail strong{font-size:13px;color:#2f425d}.detail div span{font-size:12px;color:#8a98aa}.auth{background:white;box-shadow:0 23px 65px rgba(26,54,91,.09),0 2px 6px rgba(26,54,91,.025);border:1px solid #e8edf4;border-radius:20px;padding:39px 42px 33px;max-width:470px;width:100%;justify-self:end}.auth-top{display:flex;align-items:center;justify-content:space-between}.auth-symbol{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#e7f0f9;color:#356e9f;font-size:23px;font-weight:800}.auth-meta{font-size:9px;letter-spacing:1.5px;color:#96a4b6;font-weight:800}.auth h2{margin:23px 0 9px;font-size:26px;letter-spacing:-.9px;color:#21314c}.auth-subtitle{color:#8897a9;margin:0 0 30px;line-height:1.5}.auth label{display:block;font-weight:650;color:#40516b;font-size:12px;margin-bottom:9px}.auth input{display:block;width:100%;height:47px;border:1px solid #d9e1ec;border-radius:9px;padding:0 14px;color:#263b56;background:#fbfcfe;outline:none;margin-bottom:24px;transition:.15s}.auth input::placeholder{color:#a9b5c3}.auth input:focus{border-color:#6aa6d5;box-shadow:0 0 0 3px #e5f2fb;background:white}.label-row{display:flex;justify-content:space-between;align-items:center}.text-action{border:0;padding:0;background:transparent;color:#3675ad;font-weight:600;font-size:12px}.text-action:hover{text-decoration:underline}.submit{width:100%;height:48px;color:white;background:#2c6195;border:0;border-radius:9px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:14px;transition:background .15s,transform .15s}.submit:hover{background:#224d77}.submit:active{transform:translateY(1px)}.submit:disabled{opacity:.6;cursor:wait}.submit .arrow{font-size:19px}.form-message{background:#fff0f0;border:1px solid #f3cece;color:#a33333;padding:11px 13px;border-radius:8px;margin:-8px 0 19px;font-size:12px}.form-message[hidden]{display:none}.auth-footer{margin-top:28px;padding-top:24px;border-top:1px solid #edf0f4;display:flex;align-items:center;justify-content:space-between;color:#98a4b4;font-size:12px;gap:10px}.footer{padding-top:22px;border-top:1px solid #e4eaf2;color:#99a6b7;font-size:11px}.lock{color:#309978}dialog{border:1px solid #dce6f0;border-radius:16px;width:min(94vw,420px);box-shadow:0 25px 70px #1a365b30;padding:0}dialog::backdrop{background:#091c35aa}.dialog-body{padding:30px}.dialog-title{font-weight:750;font-size:21px;color:#1f334f}.dialog-body p{color:#66768b;line-height:1.8;margin:12px 0 28px}@media(max-width:860px){.shell{padding:20px}.main{grid-template-columns:1fr;gap:38px;padding:50px 0}.intro{text-align:center;margin:auto}.intro h1{font-size:37px}.lead{font-size:15px}.details{display:none}.auth{justify-self:center}.service-status{font-size:10px}.footer{font-size:10px}}@media(max-width:480px){.intro h1{font-size:32px}.auth{padding:27px 23px}.auth-meta{font-size:8px}.auth-footer{flex-wrap:wrap}}
