*{box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#273449;background:#f4f6fa;font-size:14px}body{margin:0;min-height:100vh;display:flex;flex-direction:column}.topbar{height:68px;background:#fff;border-bottom:1px solid #e8edf3;display:flex;align-items:center}.nav{width:1100px;max-width:calc(100% - 40px);margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:#26364d;font-size:19px;font-weight:700;letter-spacing:-.5px;text-decoration:none}.brand-mark{width:32px;height:32px;border-radius:8px;background:#3478e5;display:grid;place-items:center;color:#fff;font-size:17px;font-weight:800}.nav-right{display:flex;align-items:center;gap:25px;color:#77859a;font-size:13px}.nav-right a{color:#61718a;text-decoration:none}.nav-right a:hover{color:#3478e5}.main{flex:1;display:flex;align-items:center;justify-content:center;padding:55px 20px 65px}.layout{width:930px;max-width:100%;display:grid;grid-template-columns:1fr 390px;align-items:center;gap:80px}.intro{padding:15px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#3478e5;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:19px}.eyebrow:before{content:"";width:22px;height:2px;background:#3478e5}.intro h1{font-size:37px;line-height:1.22;letter-spacing:-1.3px;color:#25364d;margin:0 0 19px;font-weight:700}.intro>p{font-size:15px;line-height:1.8;color:#8290a3;max-width:410px;margin:0}.features{margin-top:36px;display:flex;flex-direction:column;gap:19px}.feature{display:flex;align-items:center;gap:13px;color:#56667c;font-size:13px}.feature-icon{width:34px;height:34px;flex-shrink:0;background:#e9f1ff;border-radius:9px;display:grid;place-items:center;color:#3478e5;font-size:16px}.card{background:#fff;border:1px solid #e8edf3;border-radius:10px;padding:34px 34px 29px;box-shadow:0 8px 35px rgba(36,57,87,.055)}.card h2{font-size:23px;letter-spacing:-.5px;margin:0 0 8px;color:#293950}.subtitle{color:#8996a8;font-size:13px;margin:0 0 29px}.field{margin-bottom:19px}.field label{display:block;font-size:12px;font-weight:600;color:#52637a;margin-bottom:8px}.field input{width:100%;height:43px;border:1px solid #dce3ec;border-radius:5px;padding:0 12px;font-size:13px;color:#293950;outline:none;background:#fff;transition:border-color .15s,box-shadow .15s}.field input::placeholder{color:#b0bac7}.field input:focus{border-color:#4385ed;box-shadow:0 0 0 3px rgba(52,120,229,.1)}.password-wrap{position:relative}.password-wrap input{padding-right:47px}.toggle-password{position:absolute;right:0;top:0;width:43px;height:43px;border:0;background:transparent;color:#8996a8;cursor:pointer;font-size:12px}.toggle-password:hover{color:#3478e5}.form-options{display:flex;align-items:center;justify-content:space-between;margin:2px 0 23px;font-size:12px}.remember{display:flex;align-items:center;gap:7px;color:#718096;cursor:pointer}.remember input{accent-color:#3478e5;margin:0}.form-options a{color:#3478e5;text-decoration:none}.form-options a:hover{text-decoration:underline}.submit{width:100%;height:44px;border:0;border-radius:5px;background:#3478e5;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,box-shadow .15s;display:flex;align-items:center;justify-content:center;gap:9px}.submit:hover{background:#2868d0;box-shadow:0 4px 12px rgba(52,120,229,.2)}.submit:disabled{opacity:.7;cursor:not-allowed;box-shadow:none}.spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.message{display:none;margin-top:16px;padding:12px;border-radius:5px;font-size:12px;line-height:1.6}.message.visible{display:block}.message.error{background:#fff1f0;border:1px solid #ffdbd8;color:#c64d46}.message .request-id{display:block;margin-top:5px;color:#a66b68;font-size:11px}.card-bottom{border-top:1px solid #edf0f4;margin-top:24px;padding-top:20px;text-align:center;color:#94a0b0;font-size:11px;line-height:1.7}.card-bottom a{color:#3478e5;text-decoration:none}.security{display:flex;justify-content:center;align-items:center;gap:6px;color:#8795a7;font-size:11px;margin-top:20px}.security svg{width:13px;height:13px}.footer{min-height:65px;border-top:1px solid #e9edf2;background:#fff;display:flex;align-items:center}.footer-inner{width:1100px;max-width:calc(100% - 40px);margin:auto;display:flex;justify-content:space-between;align-items:center;color:#9aa5b4;font-size:11px}.footer-links{display:flex;gap:22px}.footer a{color:#8996a8;text-decoration:none}.footer a:hover{color:#3478e5}.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px;background:#f4f6fa}.error-content{text-align:center;max-width:440px}.error-code{font-size:76px;line-height:1;font-weight:700;letter-spacing:-4px;color:#3478e5;margin-bottom:20px}.error-content h1{font-size:24px;color:#293950;margin:0 0 12px}.error-content p{color:#8491a3;font-size:14px;line-height:1.7;margin:0 0 25px}.back-link{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 23px;border-radius:5px;background:#3478e5;color:#fff;text-decoration:none;font-size:13px;font-weight:600}.back-link:hover{background:#2868d0}@media(max-width:760px){.layout{grid-template-columns:1fr;gap:30px;max-width:430px}.intro{text-align:center;padding:0}.intro h1{font-size:29px}.intro>p{margin:auto}.features{display:none}.eyebrow{justify-content:center}.main{padding:38px 18px 45px}.card{padding:28px 25px}.topbar{height:60px}.nav-right{gap:12px}.nav-right a:first-child{display:none}.footer-inner{padding:17px 0;gap:12px;flex-direction:column}.footer-links{gap:16px}}@media(max-width:360px){.card{padding:24px 18px}.intro h1{font-size:26px}.nav{max-width:calc(100% - 28px)}}