*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#14233b;background:#f4f7fc;font-size:16px;-webkit-font-smoothing:antialiased}.login-layout{min-height:100vh;display:grid;grid-template-columns:minmax(320px,0.95fr) minmax(380px,1.05fr)}.intro{background:linear-gradient(145deg,#071a37 0%,#10366b 72%,#1649aa 100%);color:#fff;padding:clamp(36px,6vw,88px);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.intro:after{content:"";position:absolute;width:480px;height:480px;right:-260px;bottom:-230px;border:1px solid #a8c1ff40;border-radius:50%;box-shadow:0 0 0 80px #a8c1ff08,0 0 0 160px #a8c1ff08;pointer-events:none}.logo{width:64px;height:64px;border-radius:17px;display:grid;place-items:center;background:#2867ce;font-size:37px;font-weight:850;letter-spacing:-4px;margin-bottom:30px}.logo span{color:#94c3ff}.product{font-size:15px;font-weight:800;letter-spacing:2px}.product span{font-weight:500;opacity:.85}.intro h1{font-size:clamp(34px,3vw,52px);line-height:1.18;margin:24px 0 20px;letter-spacing:-1.2px}.intro p{font-size:17px;line-height:1.8;color:#d4e1f3;max-width:480px;margin:0}.intro-bottom{margin-top:60px;color:#a9c0df;font-size:14px}.form-side{padding:28px;display:flex;align-items:center;justify-content:center}.login-box{width:100%;max-width:435px;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:clamp(26px,4vw,48px);box-shadow:0 18px 54px #182e5212}.eyebrow{color:#295fc0;font-weight:800;letter-spacing:2px;font-size:13px;margin-bottom:14px}.login-box h2{font-size:31px;letter-spacing:-.8px;margin:0 0 9px}.subheading{color:#55657c;font-size:16px;line-height:1.6;margin:0 0 28px}.login-box label{display:block;font-size:15px;font-weight:700;margin:17px 0 8px}.login-box input:not([type=hidden]){width:100%;height:52px;border:1.5px solid #ccd5e3;border-radius:10px;padding:0 15px;font-size:16px;background:#fff;color:#14233b;outline:none}.login-box input:focus{border-color:#1b56b7;box-shadow:0 0 0 4px #1b56b71a}.login-box button{width:100%;margin-top:28px;border:0;background:#164cb1;color:#fff;border-radius:10px;min-height:53px;font-size:16px;font-weight:750;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:background .18s,transform .18s,box-shadow .18s}.login-box button:hover{background:#0c387f;box-shadow:0 8px 25px #1747a73b;transform:translateY(-1px)}.note{margin:23px 0 0;font-size:14px;color:#64738a;line-height:1.65}.error{background:#fff3f2;border:1px solid #eeb2ac;color:#932c25;padding:12px 14px;border-radius:9px;margin:12px 0;font-size:14px;line-height:1.55}.mobile-brand{display:none}@media(max-width:850px){.login-layout{grid-template-columns:1fr}.intro{min-height:225px;padding:34px 24px}.logo{width:45px;height:45px;font-size:29px;border-radius:12px;margin-bottom:14px}.product{font-size:13px}.intro h1{font-size:27px;margin:12px 0 9px}.intro p{font-size:15px;line-height:1.5}.intro-bottom{display:none}.form-side{padding:24px 16px 40px}.login-box{max-width:530px}.login-box h2{font-size:28px}}@media(max-width:480px){.intro{min-height:198px}.intro h1{font-size:24px}.intro p{font-size:14px}.login-box{padding:25px 20px;border-radius:13px}}