:root{color-scheme:light;font-family:Inter,Segoe UI,system-ui,sans-serif;color:#17213b;background:#f3f5f9}*{box-sizing:border-box}body{margin:0;min-height:100vh}main{position:relative;min-height:100vh;padding:42px 7vw;background:linear-gradient(110deg,#101b34 0 37%,#f3f5f9 37%)}.brand{display:flex;align-items:center;gap:12px;color:white;font-size:24px;font-weight:750}.brand-mark{display:grid;place-items:center;background:#2b6aff;border-radius:12px;width:44px;height:44px}.brand small{font-size:10px;letter-spacing:2px;font-weight:500}nav{position:absolute;right:7vw;top:54px;display:flex;gap:18px}a{color:inherit;text-decoration:none}nav a{font-size:13px;color:#5a6680}nav a:focus-visible,a:focus-visible{outline:3px solid #63a3ff;outline-offset:5px}section{width:min(510px,90%);margin:10vh 2vw 8vh auto;background:white;padding:46px;border-radius:24px;border:1px solid #e4e9f2;box-shadow:0 16px 60px #0e214a0b}.eyebrow{font-size:10px;color:#4172c6;letter-spacing:2px;font-weight:750}h1{font-size:38px;line-height:1.16;letter-spacing:-1.5px;margin:18px 0}p{font-size:15px;color:#647089;line-height:1.7;margin-bottom:30px}.primary,.secondary{display:flex;align-items:center;justify-content:space-between;padding:16px 19px;border-radius:11px;font-size:14px;font-weight:650;margin:12px 0}.primary{background:#2869f5;color:white}.primary:hover{background:#1758df}.secondary{border:1px solid #dce3ef;color:#233754}.secondary:hover{background:#f5f8ff}.note{font-size:12px;line-height:1.65;color:#7c879b;margin-top:25px}footer{color:#a9b6cf;font-size:12px;margin-top:30px}@media(max-width:740px){main{padding:24px;background:linear-gradient(#101b34 0 168px,#f3f5f9 168px)}.brand small{display:none}.brand{font-size:21px}nav{top:90px;left:26px;right:auto}nav a{color:#b9c9e5}section{width:100%;margin:60px auto 24px;padding:30px}h1{font-size:32px}footer{color:#76849a}}

button,input{font:inherit}button{cursor:pointer}.primary,.secondary{width:100%}.primary{border:1px solid transparent}.remember{display:flex;align-items:flex-start;gap:11px;margin:0 0 23px;font-size:14px;line-height:1.45;cursor:pointer}.remember input{width:20px;height:20px;flex:0 0 20px;margin:1px 0;accent-color:#2869f5}.remember small{display:block;color:#77839a;font-size:12px;margin-top:5px}.login-notice{background:#eff5ff;border:1px solid #dae6ff;border-radius:10px;padding:13px;margin:0 0 20px;font-size:13px;line-height:1.6}button:focus-visible,input:focus-visible{outline:3px solid #63a3ff;outline-offset:4px}
/* Keep system fonts and spacing, with clearer text weight. */
body{font-weight:500}input,select,textarea{font-weight:500}label{font-weight:600}small,.note{font-weight:500}
