:root{--sky:#cbdde9;--ocean:#2872a1;--ocean-dark:#1d5d88;--ink:#123047;--muted:#61788a;--white:#fff;--line:#b9cfdd}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--sky);color:var(--ink);font:14px "Inter",sans-serif}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(370px,1.15fr) minmax(430px,.85fr)}.login-brand{background:linear-gradient(150deg,var(--ocean),#185981);color:#fff;padding:9vh 8vw;position:relative;overflow:hidden}.login-brand:before,.login-brand:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.15)}.login-brand:before{width:520px;height:520px;right:-240px;top:-190px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}.login-brand:after{width:250px;height:250px;left:-130px;bottom:-110px}.axis-mark,.mobile-brand{font-size:22px;font-weight:800;letter-spacing:1.7px;display:flex;align-items:center;gap:9px}.axis-mark i{font-size:27px}.login-brand h1{font-size:clamp(42px,5.3vw,76px);line-height:1.01;margin:18vh 0 25px;letter-spacing:-3px}.login-brand p{font-size:16px;color:#d8e8f2;max-width:430px;line-height:1.7}.login-card{background:rgba(255,255,255,.94);padding:11vh clamp(38px,7vw,92px);display:flex;flex-direction:column;justify-content:center;box-shadow:-20px 0 60px rgba(16,55,78,.12)}.mobile-brand{display:none;color:var(--ocean)}h2{font-size:30px;margin:0 0 8px;letter-spacing:-.8px}.intro{color:var(--muted);margin:0 0 28px}label{display:block;font-size:12px;font-weight:700;color:#405e73;margin:17px 0 7px}.input-wrap{position:relative}.input-wrap>i{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:19px;color:#7390a3}.input-wrap input{padding-left:42px}input{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:9px;font:inherit;outline:0;background:#fafdff;color:var(--ink)}input:focus{border-color:var(--ocean);box-shadow:0 0 0 3px rgba(40,114,161,.14);background:#fff}.remember{display:flex;align-items:center;gap:8px;font-weight:500;cursor:pointer;margin-top:17px}.remember input{width:17px;height:17px;accent-color:var(--ocean)}button{width:100%;border:0;border-radius:9px;background:var(--ocean);color:#fff;padding:13px;margin-top:22px;font:inherit;font-weight:750;cursor:pointer;box-shadow:0 8px 20px rgba(40,114,161,.23);display:flex;justify-content:center;align-items:center;gap:8px}button:hover{background:var(--ocean-dark);transform:translateY(-1px)}button i{font-size:19px}.alert{padding:11px 13px;border:1px solid #edb4b8;background:#fff1f2;color:#a51d28;border-radius:9px}small{color:#8aa0af;margin-top:30px;text-align:center}@media(max-width:760px){.login-shell{display:block}.login-brand{display:none}.login-card{min-height:100vh;padding:40px 25px}.mobile-brand{display:flex;margin-bottom:14vh}}