:root{color-scheme:light;--night:#112b49;--teal:#168c88;--text:#18304b;--gray:#698096;--border:#dfe8ef}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}body{background:#f4f8fb;color:var(--text)}
.login-layout{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,550px)}
.login-story{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:52px clamp(35px,7vw,100px);color:white;background:radial-gradient(circle at 80% 18%,#32b6b1 0,transparent 40%),linear-gradient(145deg,#173a66,#104c66 65%,#126b79)}
.login-story:after{content:"";position:absolute;inset:auto -130px -230px auto;width:650px;height:650px;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 75px #ffffff06,0 0 0 150px #ffffff05;pointer-events:none}
.login-brand{display:flex;align-items:center;gap:14px;font-size:23px;letter-spacing:-.6px;font-weight:800}.login-brand img{width:57px;height:57px;border-radius:15px;box-shadow:0 8px 30px #0b244b2b}.login-story-content{position:relative;z-index:1;max-width:590px}.login-story-content .eyebrow{font-weight:800;letter-spacing:2.4px;font-size:12px;color:#acffeb}.login-story h1{font-size:clamp(35px,4.2vw,64px);line-height:1.1;letter-spacing:-2.1px;margin:22px 0}.login-story p{color:#d1e3eb;font-size:18px;line-height:1.65;max-width:520px}.feature-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.feature-row span{border:1px solid #ffffff44;border-radius:16px;padding:11px 15px;font-size:13px;background:#ffffff0c}.login-story footer{font-size:12px;color:#cde0e6}
.login-form-wrap{display:flex;align-items:center;justify-content:center;padding:56px 40px;background:#fff}.login-panel{width:min(100%,398px)}.mobile-brand{display:none}.login-panel h2{font-size:30px;letter-spacing:-.8px;margin:0 0 10px}.login-panel .intro{font-size:15px;line-height:1.65;color:var(--gray);margin:0 0 32px}.login-field{margin-bottom:19px}.login-field label{display:block;font-size:13px;font-weight:750;margin-bottom:9px}.login-input-wrap{position:relative}.login-input-wrap>i{position:absolute;top:17px;left:16px;color:#8ca2b5}.login-input{width:100%;border:1px solid var(--border);border-radius:14px;padding:15px 48px 15px 46px;font-size:15px;color:var(--text);outline:none;background:#f9fbfc;transition:.2s}.login-input:focus{border-color:#19a59d;box-shadow:0 0 0 4px #1ba69c14;background:white}.login-eye{position:absolute;right:10px;top:9px;height:37px;width:37px;border:0;background:transparent;color:#6f8798;cursor:pointer}.login-submit{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;border:0;border-radius:14px;background:linear-gradient(110deg,#137a86,#194a81);color:white;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 12px 22px #194a8126}.login-submit:hover{filter:brightness(1.08)}.login-err{padding:13px 15px;margin-bottom:19px;background:#fff0f1;border:1px solid #ffd4d8;border-radius:12px;color:#a43a45;font-size:14px}.login-note{text-align:center;font-size:12px;color:#8b9dad;margin-top:26px;line-height:1.6}.login-note i{color:#188f88}
@media(max-width:940px){.login-layout{grid-template-columns:1fr 470px}.login-story{padding:43px 30px}.login-story h1{font-size:40px}}
@media(max-width:760px){.login-layout{display:block}.login-story{display:none}.login-form-wrap{min-height:100vh;min-height:100dvh;padding:32px 24px;background:linear-gradient(160deg,#edf9f9,#f6f9fc 50%,#fff)}.login-panel{max-width:440px;background:white;border-radius:24px;padding:30px 25px;box-shadow:0 20px 60px #143f5814}.mobile-brand{display:flex;align-items:center;gap:11px;margin-bottom:38px;font-weight:800;font-size:22px}.mobile-brand img{height:44px;width:44px;border-radius:12px}.login-panel h2{font-size:27px}}
@media(max-width:380px){.login-form-wrap{padding:17px 12px}.login-panel{padding:24px 18px}}