:root {font-family:'Outfit',system-ui,sans-serif;color:#1d2d42;background:#e8f0f8;}
*{box-sizing:border-box;}body{margin:0;}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(350px,.95fr) 1.05fr;}
.login-brand{padding:clamp(38px,7vw,100px);background:linear-gradient(155deg,#12375b,#195d92 60%,#2c8dc0);color:#fff;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;}
.login-brand:after{content:'';position:absolute;width:480px;height:480px;border:70px solid rgba(255,255,255,.09);border-radius:100%;bottom:-280px;right:-260px;}
.mark{font-size:3.5rem;font-weight:800;letter-spacing:-.08em;}.mark span{font-size:1rem;vertical-align:top;color:#75c7ed;margin-left:12px;}
.eyebrow{font-size:.73rem;letter-spacing:.15em;font-weight:800;opacity:.76;margin:12px 0 12px;}
h1{font-size:clamp(2.5rem,4.5vw,5rem);letter-spacing:-.065em;line-height:1.04;max-width:650px;margin:0 0 24px;}
.login-brand p:not(.eyebrow){font-size:1.12rem;max-width:530px;line-height:1.6;color:#d5e6f3;}
.mini-channels{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 65px;}.mini-channels span{font-size:.77rem;border:1px solid #a1c5df7a;background:#ffffff21;border-radius:40px;padding:7px 12px;}
.login-brand small{font-size:.75rem;opacity:.68;}
.login-panel{display:grid;place-items:center;padding:36px;background:radial-gradient(circle at top right,#fff,transparent 45%),#f2f6fa;}
.login-card{width:min(100%,460px);padding:48px 43px;border:1px solid #e1eaf1;border-radius:26px;background:#fff;box-shadow:0 28px 65px #16345213;}
.subline{font-size:.7rem;letter-spacing:.17em;color:#2879ab;font-weight:800;margin:0 0 12px;}
h2{font-size:2.05rem;line-height:1.1;letter-spacing:-.045em;margin:0 0 13px;}.help{color:#738194;font-size:.95rem;margin:0 0 30px;line-height:1.5;}
form{display:grid;gap:10px;}label{font-weight:650;font-size:.85rem;margin-top:8px;}input{font:inherit;padding:14px;border:1px solid #d9e4ed;border-radius:11px;background:#f9fbfd;outline:none;}input:focus{border-color:#388bd1;box-shadow:0 0 0 3px #b2dbfb5e;}
button{margin-top:8px;padding:15px 20px;border:0;border-radius:12px;background:#205d91;color:white;font:700 1rem 'Outfit',sans-serif;cursor:pointer;}button:hover{background:#154978;}button:disabled{opacity:.7;cursor:wait;}
.alert{margin:0;min-height:1.2em;color:#bf3141;font-size:.85rem;}.lock-note{text-align:center;border-top:1px solid #eef1f4;margin-top:35px;padding-top:22px;font-size:.8rem;color:#7c8b9c;}
@media(max-width:850px){.login-shell{grid-template-columns:1fr;}.login-brand{padding:30px;min-height:240px;}.login-brand h1{font-size:2.2rem;}.mini-channels{margin:14px 0 0;}.login-brand small{display:none;}.login-panel{padding:20px;}.login-card{padding:35px 26px;}}