:root{font-family:var(--brand-font);color:#183457;background:#eff5fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh}button,input{font:inherit}a{color:#286fe0}body.login-page{position:relative;background:radial-gradient(ellipse at 9% 14%,#d7edff 0,transparent 45%),radial-gradient(ellipse at 94% 85%,#dfe3ff 0,transparent 40%),linear-gradient(135deg,#f4f9ff,#edf3fc);overflow-x:hidden}.cloud-grid{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#376abb09 1px,transparent 1px),linear-gradient(90deg,#376abb09 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(180deg,#000,transparent)}.login-header{position:relative;max-width:1240px;margin:auto;padding:35px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px}.login-header img{width:220px;height:auto;display:block}.login-header a:last-child{font-size:14px;text-decoration:none;color:#647c99}.login-shell{position:relative;max-width:1160px;margin:28px auto 60px;display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;padding:0 40px}.login-story .eyebrow{font-size:12px;font-weight:750;letter-spacing:2px;text-transform:uppercase;color:#286fe0}.login-story h1{font-size:clamp(38px,4.5vw,58px);line-height:1.12;letter-spacing:-2.3px;margin:20px 0}.login-story h1 span{color:#286fe0}.login-story p{font-size:17px;color:#6a809c;line-height:1.8;max-width:460px}.cloud-art{height:225px;max-width:480px;position:relative;margin:20px 0}.cloud-art svg{height:100%;width:100%;overflow:visible}.story-points{display:flex;flex-wrap:wrap;gap:12px;color:#557394;font-size:13px}.story-points span{padding:8px 12px;background:#ffffffa8;border:1px solid #ffffff;border-radius:30px}.login-card{background:#ffffffed;border:1px solid #fff;border-radius:26px;padding:36px;box-shadow:0 22px 70px #244b7c13;backdrop-filter:blur(14px)}.portal-tag{display:inline-flex;align-items:center;gap:7px;color:#286fe0;font-size:12px;font-weight:700;background:#edf4ff;border-radius:20px;padding:7px 10px}.portal-tag i{width:6px;height:6px;border-radius:50%;background:#286fe0}.login-card h2{font-size:28px;letter-spacing:-.8px;margin:22px 0 8px}.login-card .intro{font-size:14px;color:#7a8ba1;line-height:1.7;margin:0 0 28px}.login-field{margin-bottom:19px}.login-field label{display:block;font-size:13px;font-weight:650;margin-bottom:8px}.login-field input{width:100%;height:50px;padding:0 14px;border:1px solid #dce5ef;border-radius:11px;outline:0;background:#fcfdff;color:#183457}.login-field input:focus{border-color:#347ced;box-shadow:0 0 0 3px #347ced17}.password-wrap{position:relative}.password-wrap input{padding-right:70px}.password-toggle{position:absolute;right:10px;top:13px;border:0;background:none;font-size:12px;color:#647c99;cursor:pointer}.captcha-row{display:flex;align-items:center;gap:10px;margin:0 0 12px}.captcha-row img{width:200px;max-width:75%;height:48px;object-fit:contain;border-radius:8px;background:#f4f7fc}.refresh-captcha{background:none;border:1px solid #dce5ef;color:#647c99;cursor:pointer;border-radius:8px;min-width:42px;height:42px;font-size:20px}.login-submit{width:100%;height:52px;border:0;border-radius:11px;background:#286fe0;color:white;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #286fe026}.login-submit:hover{background:#205fc2}.login-submit:disabled{opacity:.65;cursor:wait}.login-error{background:#fff0f0;color:#a73232;border:1px solid #ffdada;border-radius:10px;padding:12px;font-size:13px;margin-bottom:16px}.login-note{font-size:12px;line-height:1.7;color:#8c9aab;margin:20px 0 0}.login-footer{position:relative;text-align:center;color:#8d9eb2;font-size:12px;padding:0 24px 25px}button:focus-visible,a:focus-visible{outline:3px solid #8bbaff;outline-offset:3px}@media(max-width:900px){.login-shell{gap:36px;padding:0 28px}.login-header{padding:24px 28px}.login-card{padding:28px}.login-story h1{font-size:42px}.story-points{gap:6px}.story-points span{font-size:11px}}@media(max-width:700px){.login-shell{grid-template-columns:1fr;max-width:480px;margin:10px auto 34px;padding:0 20px;gap:26px}.login-story h1{font-size:34px;letter-spacing:-1.4px;margin:12px 0}.login-story p{font-size:14px;margin-bottom:0}.cloud-art,.story-points{display:none}.login-header{padding:24px 20px}.login-header img{width:185px}.login-header a:last-child{font-size:12px}.login-story .eyebrow{font-size:10px}.login-card{padding:26px;border-radius:20px}.login-card h2{font-size:26px}.login-card .intro{margin-bottom:22px}.login-footer{font-size:11px}}
@media(max-width:700px){.login-story{display:none}.login-shell{margin-top:4px;gap:0}.login-header{padding-top:20px;padding-bottom:20px}.login-card .portal-tag{font-size:11px}}
@media(min-width:701px){body.login-page{display:grid;grid-template-rows:auto 1fr auto;min-height:100svh}.login-header{width:100%;padding-top:16px;padding-bottom:16px}.login-shell{width:100%;margin:0 auto;padding-top:8px;padding-bottom:8px}.login-card{padding:22px 28px}.portal-tag{padding:5px 10px}.login-card h2{font-size:25px;margin:12px 0 6px}.login-card .intro{font-size:13px;line-height:1.5;margin-bottom:14px}.login-field{margin-bottom:12px}.login-field label{font-size:12px;margin-bottom:6px}.login-field input{height:42px}.password-toggle{top:10px}.captcha-row{margin-bottom:8px}.captcha-row img{height:40px}.refresh-captcha{height:38px;min-width:38px}.login-submit{height:44px}.login-note{font-size:11px;line-height:1.5;margin-top:14px}.login-footer{padding-bottom:12px}.cloud-art{height:200px}}
@media(min-width:701px) and (max-height:760px){.login-header{padding-top:10px;padding-bottom:10px}.login-header img{width:200px}.login-shell{padding-top:0;padding-bottom:0}.login-card{padding-top:20px;padding-bottom:20px}.login-story h1{font-size:44px}.cloud-art{height:170px;margin:10px 0}.login-footer{padding-top:6px;padding-bottom:8px}}
@media(min-width:701px) and (max-height:650px){.login-card{padding:16px 24px}.login-card .intro{margin-bottom:10px}.login-card h2{font-size:23px;margin-top:8px}.login-field{margin-bottom:8px}.login-field input{height:38px}.login-note{margin-top:8px}.login-story h1{font-size:38px}.login-story p{font-size:14px}.cloud-art{height:140px}.login-header{padding-top:7px;padding-bottom:7px}.login-header img{width:180px}}
@media(max-width:700px){body.login-page{display:grid;grid-template-rows:auto 1fr auto;min-height:100svh}.login-header{width:100%;max-width:480px}.login-shell{width:100%;margin:0 auto;padding-top:4px;padding-bottom:12px}.login-footer{padding-bottom:14px}}
@media(max-width:700px) and (max-height:760px){.login-header{padding:12px 20px}.login-header img{width:175px}.login-card{padding:20px 24px}.login-card .portal-tag,.login-card .intro,.login-note{display:none}.login-card h2{font-size:24px;margin:0 0 20px}.login-field{margin-bottom:13px}.login-field label{font-size:12px;margin-bottom:6px}.login-field input{height:42px}.password-toggle{top:10px}.captcha-row{margin-bottom:8px}.captcha-row img{height:38px}.refresh-captcha{height:36px;min-width:36px}.login-submit{height:44px}.login-footer{font-size:10px;padding-bottom:10px}}
@media(max-width:700px) and (max-height:600px){.login-header{padding-top:10px;padding-bottom:10px}.login-card{padding:18px 20px}.login-card h2{font-size:22px;margin-bottom:16px}.login-field{margin-bottom:10px}.login-field input{height:38px}.login-shell{padding-bottom:8px}.login-footer{padding-bottom:8px}.login-header a:last-child{font-size:11px}}