:root{color:#1f2d40;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f2f6ff;font-family:Segoe UI,Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0}body{min-height:100vh}a{color:inherit}button,input{font:inherit}img{max-width:100%;display:block}.login-page{background:linear-gradient(#edf3fb 0%,#f6f8fc 100%);place-items:center;min-height:100vh;padding:32px;display:grid}.auth-shell{background:#ffffffd1;border:1px solid #99a6b833;border-radius:22px;grid-template-columns:1.12fr .88fr;width:min(100%,960px);display:grid;overflow:hidden;box-shadow:0 18px 42px #1f355414}.brand-panel{color:#ebf3ff;background:linear-gradient(#0d1f4d 0%,#1f3d7a 100%);padding:32px 30px 26px;position:relative}.brand-panel:before{content:"";background:linear-gradient(135deg,#ffffff0f,#0000 60%);position:absolute;inset:0}.panel-logo,.panel-copy,.panel-points{z-index:1;position:relative}.panel-logo{align-items:center;gap:10px;margin-bottom:32px;padding-left:2px;display:flex}.panel-square{border-radius:5px;width:18px;height:18px;display:block}.panel-square.red{background:#f35325}.panel-square.green{background:#86b817}.panel-square.blue{background:#00a4ef}.panel-square.yellow{background:#ffb900}.panel-copy{margin-top:118px}.panel-tag{letter-spacing:.15em;text-transform:uppercase;opacity:.82;margin:0 0 12px;font-size:.68rem}.panel-copy h2{letter-spacing:-.06em;color:#fff;margin:0;font-size:clamp(2rem,2.8vw,3rem);line-height:1.05}.panel-points{color:#ebf3ffe6;gap:12px;margin:28px 0 0;padding:0;list-style:none;display:grid}.panel-points li{padding-left:18px;font-size:.96rem;position:relative}.panel-points li:before{content:"•";color:#9bc8ff;position:absolute;top:0;left:0}.login-card{width:100%;box-shadow:none;background:#fffffff5;border:0;padding:26px 30px 28px}.logo-area{justify-content:center;align-items:center;margin-bottom:14px;display:flex}.logo-mark{background:#f3f6fb;border:1px solid #92a2b92e;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:4px;width:32px;height:32px;padding:6px;display:grid;box-shadow:inset 0 1px #fffc}.logo-dot{border-radius:6px;display:block}.logo-dot.red{background:#f35325}.logo-dot.green{background:#7fba00}.logo-dot.blue{background:#00a4ef}.logo-dot.yellow{background:#ffb900}.welcome{color:#677a99;letter-spacing:.02em;margin:0;font-size:.8rem;font-weight:700}h1{letter-spacing:-.06em;color:#1d2d45;margin:6px 0 22px;font-size:clamp(2.2rem,3.6vw,2.9rem);line-height:1.08}.login-form{flex-direction:column;gap:16px;display:flex}.field-group{flex-direction:column;gap:8px;display:flex}label{color:#354a66;font-size:.78rem;font-weight:600}.password-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.password-row a{color:#0f5bd7;font-size:.78rem;font-weight:600;text-decoration:none}input{box-sizing:border-box;color:#1d2d45;background:#f9fafc;border:1px solid #dfe6f1;border-radius:10px;width:100%;padding:13px 14px;font-size:1rem}input:focus{border-color:#4b7de8;outline:none;box-shadow:0 0 0 4px #4b7de81f}.checkbox-row{color:#4a5d80;align-items:center;gap:10px;margin-top:2px;font-size:.9rem;display:inline-flex}.checkbox-row input{accent-color:#1f5bd8;width:18px;height:18px}.signin-btn{color:#fff;cursor:pointer;background:linear-gradient(#1d62d8 0%,#1757c8 100%);border:none;border-radius:10px;width:100%;margin-top:6px;padding:15px 18px;font-size:1rem;font-weight:700;box-shadow:0 10px 18px #1d62d82b}@media (width<=840px){.auth-shell{grid-template-columns:1fr}.brand-panel{padding:28px 22px 20px}.panel-copy{margin-top:30px}.login-card{padding:22px 18px 26px}}