:root{font-family:'DM Sans',sans-serif;color:#18263b;background:#f5f8fc}*{box-sizing:border-box}body{margin:0;min-height:100vh}.login-layout{display:grid;grid-template-columns:minmax(360px,1fr) minmax(440px,1fr);min-height:100vh}.intro{background:radial-gradient(circle at 82% 12%,#2b81bd 0,transparent 36%),linear-gradient(145deg,#087bac 0%,#075b87 48%,#102944 100%);color:#fff;position:relative;overflow:hidden}.intro:before,.intro:after{content:'';position:absolute;border:1px solid #ffffff23;border-radius:50%;width:700px;height:700px;right:-330px;top:-260px}.intro:after{width:500px;height:500px;right:-230px;top:-160px}.intro-inner{min-height:100vh;max-width:720px;margin:auto;padding:54px clamp(36px,7vw,110px);display:flex;flex-direction:column;position:relative;z-index:1}.intro img{object-fit:contain;filter:drop-shadow(0 12px 28px #001b3766)}.intro-copy{margin:auto 0}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800}.intro .eyebrow{color:#a7dbf4}.intro h1{font:800 clamp(38px,4vw,62px)/1.13 Manrope,sans-serif;letter-spacing:-2.5px;margin:19px 0 23px}.intro p{font-size:15px;line-height:1.8;color:#d6e9f4;max-width:430px;margin:0}.intro-foot{font-size:12px;color:#c7e0ef}.live-dot{display:inline-block;width:8px;height:8px;background:#6be0b7;border-radius:50%;box-shadow:0 0 0 5px #6be0b733;margin-right:10px}.divider{margin:0 8px}.form-side{position:relative;display:flex;align-items:center;justify-content:center;padding:72px 32px}.form-wrap{width:min(100%,390px)}.mobile-brand{display:none}.form-heading .eyebrow{color:#338cb3}.form-heading h2{font:800 38px/1.2 Manrope,sans-serif;letter-spacing:-1.6px;margin:14px 0 10px}.form-heading p{font-size:14px;line-height:1.6;color:#8794a5;margin:0 0 38px}.error{background:#fff1ef;border:1px solid #ffd4ce;color:#a84539;padding:13px 15px;border-radius:12px;font-size:13px;line-height:1.5;margin:0 0 20px}label{display:block;font-size:12px;font-weight:700;margin:19px 0 9px;color:#34465d}input{width:100%;height:52px;border:1px solid #dfe6ee;background:white;border-radius:12px;padding:0 16px;font:500 14px 'DM Sans',sans-serif;color:#17273e;outline:none;transition:border-color .2s,box-shadow .2s}input::placeholder{color:#a8b3bf}input:focus{border-color:#368fc7;box-shadow:0 0 0 4px #368fc71b}.password-field{position:relative}.password-field input{padding-right:84px}.password-field button{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:0;background:none;color:#5683a1;font:700 11px 'DM Sans',sans-serif;cursor:pointer;padding:8px}.submit{width:100%;height:52px;border:0;border-radius:12px;margin-top:28px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;background:linear-gradient(110deg,#0783bb,#076b9d);font:700 14px 'DM Sans',sans-serif;box-shadow:0 10px 23px #067ab135;cursor:pointer;transition:transform .2s,box-shadow .2s}.submit:hover{transform:translateY(-2px);box-shadow:0 14px 28px #067ab14d}.submit:focus-visible,.password-field button:focus-visible{outline:3px solid #76b9e2;outline-offset:3px}.submit span{font-size:20px;font-weight:400}.privacy{font-size:11px;line-height:1.7;text-align:center;color:#9aa6b4;margin:25px 5px 0}.form-side footer{position:absolute;bottom:25px;color:#a7b1bd;font-size:11px}@media(max-width:800px){.login-layout{grid-template-columns:1fr}.intro{display:none}.form-side{min-height:100vh}.mobile-brand{display:flex;align-items:center;gap:10px;font:700 18px Manrope,sans-serif;margin-bottom:66px}.mobile-brand strong{margin-left:-7px}.form-heading h2{font-size:34px}}@media(max-width:480px){.form-side{padding:34px 24px 70px;align-items:flex-start}.form-wrap{margin:auto 0}.mobile-brand{margin-bottom:45px}.form-heading p{margin-bottom:30px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}
.intro-inner>img{flex:none;width:148px;height:148px}