:root{--k-bg:#eef1f3;--k-surface:#fff;--k-text:#17202a;--k-muted:#66717d;--k-border:#d8dee3;--k-accent:#d95f0b;--k-accent-hover:#b94d05}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:radial-gradient(circle at 20% 10%,#fff 0,#f4f6f7 32%,var(--k-bg) 100%);color:var(--k-text)}
.login-wrapper{min-height:100vh;display:grid;place-items:center;padding:28px}.login-box{width:min(920px,100%);display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;background:var(--k-surface);border:1px solid var(--k-border);border-radius:18px;box-shadow:0 24px 70px rgba(23,32,42,.14)}.login-box>img{width:100%;height:100%;min-height:480px;object-fit:cover;background:#e9ecef}.login-box form{width:auto;margin:0;padding:56px 48px;display:flex;flex-direction:column;justify-content:center}.login-box form:before{content:"Kronos";display:block;margin-bottom:28px;color:var(--k-text);font-size:32px;font-weight:850;letter-spacing:-.04em}.login-box input[type=email],.login-box input[type=password]{width:100%;margin:0 0 14px;padding:13px 14px;border:1px solid var(--k-border);border-radius:9px;background:#fff;color:var(--k-text);font:inherit}.login-box input:focus{outline:3px solid rgba(217,95,11,.14);border-color:#dc7b38}.login-box button{margin-top:4px;padding:13px 16px;border:0;border-radius:9px;background:var(--k-accent);color:#fff;font:700 15px/1.2 inherit;cursor:pointer}.login-box button:hover{background:var(--k-accent-hover)}.login-error{margin-top:16px;padding:11px 12px;border:1px solid #f0c7c2;border-radius:9px;background:#fff2f0;color:#a82b20;font-size:14px;font-weight:650;text-align:left}
@media(max-width:760px){.login-wrapper{padding:14px}.login-box{grid-template-columns:1fr}.login-box>img{height:210px;min-height:0}.login-box form{padding:32px 24px}.login-box form:before{font-size:28px;margin-bottom:22px}}