:root{--login-navy:#102b55;--login-blue:#174777;--login-teal:#1f8a82;--login-ink:#182b45;--login-muted:#718198;--login-line:#dfe6ef;--login-paper:#f5f7fb}
html,body.login-page{min-height:100%;margin:0;background:var(--login-paper);color:var(--login-ink);font-family:DM Sans,"Segoe UI",Arial,sans-serif}
.login-page *{box-sizing:border-box}.login-layout{display:grid;grid-template-columns:minmax(440px,1fr) minmax(470px,.92fr);min-height:100vh;background:#fff}
.login-story{position:relative;display:flex;min-height:100vh;flex-direction:column;justify-content:space-between;overflow:hidden;padding:42px clamp(36px,6vw,92px);background:radial-gradient(ellipse at 80% 16%,#30749a55,transparent 37%),linear-gradient(145deg,#102b55 0%,#123c67 58%,#155a78 100%);color:#fff}
.login-brand{position:relative;z-index:1;display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none}.login-brand:hover{color:#fff;text-decoration:none}.login-brand__mark,.login-mobile-mark{display:grid;width:47px;height:47px;place-items:center;border:1px solid #ffffff45;border-radius:15px;background:#ffffff18;color:#fff;font-size:14px;font-weight:850;letter-spacing:.04em;box-shadow:0 8px 24px #061a3626}.login-brand__name{font-size:14px;font-weight:750;letter-spacing:.01em}.login-brand__name small{display:block;margin-top:4px;color:#bbcee0;font-size:10px;font-weight:500;letter-spacing:.025em}
.login-story__main{position:relative;z-index:1;max-width:570px;margin:60px 0}.login-kicker{display:inline-flex;align-items:center;gap:10px;color:#acd9d4;font-size:10px;font-weight:800;letter-spacing:.19em}.login-kicker i{width:7px;height:7px;border-radius:50%;background:#5ee0bd;box-shadow:0 0 0 5px #5ee0bd22}.login-story h1{max-width:560px;margin:23px 0 17px;color:#fff;font-size:clamp(36px,4.5vw,60px);font-weight:720;letter-spacing:-.055em;line-height:1.08}.login-story__main p{max-width:440px;margin:0;color:#c2d3e4;font-size:15px;line-height:1.8}
.login-story__foot{position:relative;z-index:1;display:flex;align-items:center;gap:12px;color:#dce7f1}.login-shield{display:grid;width:35px;height:35px;place-items:center;border:1px solid #ffffff35;border-radius:11px;color:#8be0c9;font-size:17px}.login-story__foot strong,.login-story__foot small{display:block}.login-story__foot strong{font-size:11px}.login-story__foot small{margin-top:3px;color:#afc2d4;font-size:10px}.login-story__copyright{margin-left:auto;color:#a9bed2;font-size:10px}.login-orbit{position:absolute;right:-170px;bottom:9%;width:440px;height:440px;border:1px solid #ffffff12;border-radius:50%;pointer-events:none}.login-orbit--one{box-shadow:0 0 0 48px #ffffff08,0 0 0 98px #ffffff05}.login-orbit--two{right:18%;bottom:-340px;width:540px;height:540px}
.login-panel{display:flex;min-height:100vh;flex-direction:column;justify-content:space-between;padding:34px clamp(28px,5vw,76px) 23px;background:#fff}.login-panel__top{display:flex;min-height:47px;align-items:center;justify-content:flex-end;color:#8997a9;font-size:11px;font-weight:600}.login-mobile-mark{display:none}.login-form-wrap{width:100%;max-width:410px;margin:45px auto}.login-heading__eyebrow{color:var(--login-teal);font-size:10px;font-weight:800;letter-spacing:.16em}.login-heading h2{margin:12px 0 8px;color:var(--login-ink);font-size:34px;font-weight:750;letter-spacing:-.045em}.login-heading p{margin:0 0 30px;color:var(--login-muted);font-size:13px}.login-error{display:flex;align-items:center;gap:10px;margin:0 0 20px;padding:12px 14px;border:1px solid #f2c5c2;border-radius:11px;background:#fff5f4;color:#9b3028;font-size:12px;line-height:1.5}.login-error__icon{display:grid;width:20px;height:20px;flex:0 0 20px;place-items:center;border-radius:50%;background:#f8dfdc;font-weight:800}
.login-form{display:grid;gap:20px}.login-field label{display:block;margin-bottom:8px;color:#34465f;font-size:11px;font-weight:700}.login-label-row{display:flex;align-items:center;justify-content:space-between}.login-label-row a{margin-bottom:8px;color:#287d82;font-size:10px;font-weight:700;text-decoration:none}.login-label-row a:hover{text-decoration:underline}.login-input-wrap{position:relative}.login-input-wrap>svg{position:absolute;top:50%;left:14px;width:17px;height:17px;transform:translateY(-50%);fill:none;stroke:#8a99ac;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;pointer-events:none}.login-input-wrap input{display:block;width:100%;height:49px;padding:0 45px;border:1px solid var(--login-line);border-radius:11px;outline:none;background:#fbfcfe;color:var(--login-ink);font:inherit;font-size:12px;transition:border-color .18s,box-shadow .18s,background .18s}.login-input-wrap input::placeholder{color:#a2adbb}.login-input-wrap input:focus{border-color:#4b9b9a;background:#fff;box-shadow:0 0 0 4px #2f99911b}.login-reveal{position:absolute;top:50%;right:9px;display:grid;width:32px;height:32px;transform:translateY(-50%);place-items:center;border:0;border-radius:8px;background:transparent;color:#7d8ba0;cursor:pointer}.login-reveal:hover{background:#eef3f7;color:var(--login-navy)}.login-reveal svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}
.login-submit{display:flex;width:100%;height:49px;align-items:center;justify-content:center;gap:13px;margin-top:4px;border:0;border-radius:11px;background:linear-gradient(105deg,#123d68,#17698a);box-shadow:0 8px 18px #164b7026;color:#fff;font:inherit;font-size:12px;font-weight:750;cursor:pointer;transition:transform .18s,box-shadow .18s,filter .18s}.login-submit:hover{transform:translateY(-1px);box-shadow:0 11px 23px #164b7036;filter:brightness(1.05)}.login-submit:focus-visible,.login-reveal:focus-visible,.login-label-row a:focus-visible{outline:3px solid #53aaa4;outline-offset:3px}.login-submit svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.login-security{display:flex;align-items:flex-start;gap:9px;margin-top:25px;color:#8997a8;font-size:10px;line-height:1.6}.login-security svg{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:#38877e;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.login-footer{display:flex;justify-content:space-between;gap:10px;color:#9aa5b3;font-size:9px}.login-footer span+span{color:#60748c;font-weight:650}
@media(max-width:900px){.login-layout{grid-template-columns:minmax(330px,.85fr) minmax(410px,1fr)}.login-story{padding-right:36px;padding-left:36px}.login-panel{padding-right:34px;padding-left:34px}.login-story h1{font-size:clamp(34px,5vw,48px)}}
@media(max-width:700px){.login-layout{display:block;min-height:100vh;background:#f5f7fb}.login-story{display:none}.login-panel{min-height:100vh;justify-content:flex-start;padding:22px 22px 20px;background:transparent}.login-panel__top{justify-content:flex-start;gap:11px;color:#536780}.login-mobile-mark{display:grid;width:39px;height:39px;border-color:#d8e3ec;background:linear-gradient(145deg,#102b55,#19728a);font-size:11px}.login-form-wrap{max-width:430px;margin:auto;padding:34px 26px;border:1px solid #e8edf3;border-radius:20px;background:#fff;box-shadow:0 18px 55px #233c5b12}.login-heading h2{font-size:31px}.login-footer{width:100%;max-width:430px;margin:18px auto 0;flex-direction:column;align-items:center;text-align:center}}
@media(max-width:380px){.login-panel{padding-right:14px;padding-left:14px}.login-form-wrap{padding:27px 19px}.login-heading h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.login-input-wrap input,.login-submit{transition:none}}