.fx-login{color:#192f52;background:#fff;grid-template-columns:1fr 1fr;min-height:100dvh;font-family:PingFang SC,HarmonyOS Sans SC,Microsoft YaHei,system-ui,sans-serif;display:grid}.fx-login *{box-sizing:border-box}.fx-story{background:linear-gradient(145deg,#edf4ff,#f5f8ff);flex-direction:column;justify-content:space-between;min-height:100dvh;padding:40px 48px;display:flex}.fx-brand{align-items:center;gap:12px;display:flex}.fx-logo{object-fit:cover;border-radius:12px;width:48px;height:48px}.fx-brand strong{font-size:20px;display:block}.fx-brand span{color:#657a99;margin-top:4px;font-size:12px;display:block}.fx-story-copy{padding:48px 0}.fx-eyebrow{color:#577ab0;font-size:12px;font-weight:700}.fx-story h1{letter-spacing:-.035em;margin:28px 0;font-size:clamp(40px,4.3vw,68px);font-weight:800;line-height:1.2}.fx-story-copy>p{color:#627593;margin:0;font-size:16px;line-height:1.85}.fx-features{flex-wrap:wrap;gap:12px;margin-top:40px;display:flex}.fx-features span{color:#5675a4;border:1px solid #d6e2f5;border-radius:999px;padding:8px 14px;font-size:14px}.fx-note{color:#7486a1;margin:0;font-size:12px;line-height:1.6}.fx-panel{justify-content:center;align-items:center;padding:48px 32px;display:flex}.fx-form-wrap{width:100%;max-width:384px}.fx-panel h2{margin:16px 0;font-size:32px;font-weight:800;line-height:1.3}.fx-intro{color:#687a95;margin:0 0 36px;font-size:14px;line-height:1.8}.fx-form{flex-direction:column;gap:12px;display:flex}.fx-form label{font-size:14px;font-weight:650}.fx-form>input,.fx-password input{color:#192f52;width:100%;height:50px;font:inherit;background:#f9fbff;border:1px solid #d6dfed;border-radius:12px;outline:none;padding:0 16px;font-size:16px;transition:all .18s}.fx-form>input{margin-bottom:12px}.fx-form input:focus{background:#fff;border-color:#2864eb;box-shadow:0 0 0 3px #2864eb15}.fx-password{position:relative}.fx-password input{padding-right:52px}.fx-eye{color:#627593;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:4px;right:4px}.fx-eye:hover{color:#2864eb;background:#edf3ff}.fx-eye svg{width:20px;height:20px}.fx-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2461ed,#397ff5);border:0;border-radius:15px;justify-content:center;align-items:center;gap:12px;min-height:50px;margin-top:12px;font-size:16px;font-weight:700;transition:all .18s;display:flex;box-shadow:0 10px 24px #2864eb20}.fx-submit:hover{filter:brightness(1.04)}.fx-submit:disabled{color:#9b9cab;box-shadow:none;cursor:wait;background:#efeff3}.fx-form input:disabled{opacity:.75}.fx-error{color:#b83c55;overflow-wrap:anywhere;background:#fff2f4;border-radius:12px;margin:0;padding:12px 16px;font-size:14px;line-height:1.6}.fx-hint{color:#687a95;margin-top:24px;font-size:12px;line-height:1.8}.fx-help{color:#8693a8;margin-top:12px;font-size:12px}.fx-mobile-brand{display:none}.fx-login button:focus-visible{outline-offset:3px;outline:3px solid #7aa5ff}@media (max-width:760px){.fx-login{grid-template-columns:1fr}.fx-story{display:none}.fx-panel{background:linear-gradient(#f3f7ff,#fff 35%);min-height:100dvh;padding:32px 24px}.fx-mobile-brand{align-items:center;gap:12px;margin-bottom:48px;font-size:20px;display:flex}.fx-panel h2{font-size:28px}.fx-intro{margin-bottom:28px}}@media (prefers-reduced-motion:reduce){.fx-login *{transition:none!important}}.fx-login{background:var(--toy-sky,linear-gradient(145deg,#d5eeff,#e8e6ff));color:#202c66;grid-template-columns:1.05fr 1fr}.fx-story{isolation:isolate;background:0 0;padding:36px 48px;position:relative;overflow:hidden}.fx-story:before,.fx-story:after{content:"";z-index:-1;pointer-events:none;background:#ffffff7a;border-radius:50%;width:340px;height:160px;position:absolute;bottom:-55px;left:-100px;box-shadow:160px 50px 0 30px #fff8}.fx-story:after{background:#cec5ff85;width:260px;height:130px;bottom:5px;left:auto;right:-100px;box-shadow:100px 65px 0 30px #c1eaff90}.fx-brand span{color:#52618b}.fx-story-copy{z-index:1;padding:48px 0 230px;position:relative}.fx-story h1{color:#202c66;font-size:clamp(38px,4vw,62px)}.fx-story-copy>p{color:#52618b}.fx-eyebrow{color:#5143be}.fx-features{gap:8px;margin-top:28px}.fx-features span{color:#5143be;background:#ffffffc9;border:1px solid #fff;font-weight:650}.fx-login-mascot{object-fit:contain;z-index:0;width:clamp(200px,25vw,340px);height:clamp(220px,27vw,360px);position:absolute;bottom:64px;right:4%}.fx-panel{padding:40px}.fx-form-wrap{background:#ffffffed;border:2px solid #fff;border-radius:34px;max-width:440px;padding:36px;box-shadow:0 20px 60px #586aee16,inset 0 2px 2px #fff}.fx-panel h2{color:#202c66}.fx-form>input,.fx-password input{color:#202c66;background:#f7f9ff;border-color:#d5ddf5}.fx-form input:focus{border-color:#7864f7;box-shadow:0 0 0 3px #7864f715}.fx-submit{background:linear-gradient(135deg,#6657ed,#3c61e8 72%,#326edb);box-shadow:0 7px 18px #5465ef26,inset 0 2px 2px #fff5}.fx-hint{color:#5c6b8c}.fx-help{color:#63749a}.fx-note{color:#52618b;z-index:1;position:relative}.fx-login button:focus-visible{outline-color:#5445c8}@media (max-width:1000px){.fx-story{padding:32px}.fx-story h1{font-size:40px}.fx-story-copy{padding-bottom:220px}.fx-panel,.fx-form-wrap{padding:28px}.fx-login-mascot{width:240px;height:260px;bottom:80px}}@media (max-width:760px){.fx-login{display:block}.fx-story{display:none}.fx-panel{background:0 0;min-height:100dvh;padding:32px 20px}.fx-form-wrap{border-radius:30px;padding:28px 24px}.fx-mobile-brand{margin-bottom:32px}.fx-panel h2{font-size:28px}}.fx-form-wrap{position:relative}.fx-mobile-mascot{display:none}@media (max-width:760px){.fx-mobile-mascot{object-fit:contain;pointer-events:none;width:78px;height:90px;display:block;position:absolute;top:20px;right:20px}.fx-mobile-brand{padding-right:72px}}
