:root{--navy:#071b33;--blue:#1687c8;--ink:#18354a;--muted:#748797;--line:#dce6ec;--red:#bd4e43}*{box-sizing:border-box}body{margin:0;background:#f2f6f8;color:var(--ink);font-family:"DM Sans",sans-serif}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,44%) 1fr}.login-brand{position:relative;overflow:hidden;padding:54px 8vw 44px 5vw;background:linear-gradient(145deg,#06172b 0%,#0a2e4b 58%,#0c567c 100%);color:#fff;display:flex;flex-direction:column}.login-brand:before,.login-brand:after{content:"";position:absolute;border-radius:50%;border:1px solid #ffffff18}.login-brand:before{width:620px;height:620px;right:-330px;top:-180px}.login-brand:after{width:400px;height:400px;right:-180px;bottom:-230px}.brand{display:flex;align-items:center;gap:13px;position:relative;z-index:1}.brand>span,.mobile-brand>b{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--blue);font:800 21px Manrope}.brand strong{font:800 24px Manrope}.brand em{color:#44aadd;font-style:normal}.suite{margin:6px 0 0 53px;color:#8fb6ce;font-size:10px}.brand-copy{position:relative;z-index:1;margin:auto 0;max-width:500px}.brand-copy>p,.eyebrow{color:#58b7e9;font-size:9px;font-weight:800;letter-spacing:.18em}.brand-copy h1{margin:15px 0 20px;font:800 clamp(32px,4vw,54px)/1.05 Manrope}.brand-copy span{display:block;max-width:430px;color:#bad2e1;font-size:14px;line-height:1.65}.brand-foot{position:relative;z-index:1;color:#739bb5;font-size:8px;letter-spacing:.15em}.login-panel{display:grid;place-items:center;padding:40px;background:radial-gradient(circle at 90% 8%,#dceefa 0,transparent 28%)}form{width:min(420px,100%);padding:44px 42px;border:1px solid #e1e8ed;border-radius:20px;background:#fff;box-shadow:0 25px 70px #17364d18}h2{margin:7px 0 6px;font:800 32px Manrope}.intro{margin:0 0 28px;color:var(--muted);font-size:13px}label{display:flex;flex-direction:column;gap:7px;margin:0 0 18px;font-size:11px;font-weight:700;color:#4f6879}input{width:100%;height:46px;border:1px solid var(--line);border-radius:9px;padding:0 13px;font:500 13px "DM Sans";outline:none;color:var(--ink);background:#fbfcfd}input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1687c818}.password-field{position:relative}.password-field input{padding-right:52px}.password-field button{position:absolute;right:7px;top:7px;height:32px;border:0;background:transparent;color:var(--blue);font-size:10px;font-weight:800;cursor:pointer}.submit{width:100%;height:46px;margin-top:3px;border:0;border-radius:9px;background:linear-gradient(135deg,#1687c8,#0d6fa8);color:#fff;font:800 12px Manrope;cursor:pointer;box-shadow:0 9px 22px #1687c833}.submit:hover{filter:brightness(1.04)}.submit:disabled{opacity:.65;cursor:wait}.error{margin:-5px 0 15px;padding:10px 12px;border:1px solid #efc2bc;border-radius:8px;background:#fff2f0;color:var(--red);font-size:11px}.help{margin:18px 0 0;text-align:center;color:#91a0aa;font-size:9px}.mobile-brand{display:none}@media(max-width:850px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-panel{min-height:100vh;padding:22px}.mobile-brand{display:flex;align-items:center;gap:9px;margin-bottom:35px}.mobile-brand b{width:34px;height:34px;font-size:17px;color:#fff}.mobile-brand strong{font:800 19px Manrope;color:var(--navy)}.mobile-brand span{color:var(--blue)}.mobile-brand small{margin-left:auto;color:#8da0ad;font-size:8px}}@media(max-width:480px){form{padding:32px 24px;border-radius:15px}.login-panel{padding:14px}h2{font-size:27px}}