*{box-sizing:border-box}body{color:#1d1d1b;background:#f3f3f3;min-width:320px;min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif}#root{min-height:100vh}.login-page{background:radial-gradient(circle at 0 0,#e306133d,#0000 32%),linear-gradient(135deg,#1d1d1b 0%,#343434 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#fff;border-radius:28px;grid-template-columns:1fr 1fr;width:100%;max-width:920px;min-height:520px;display:grid;overflow:hidden;box-shadow:0 28px 80px #00000059}.brand-box{color:#fff;background:#e30613;flex-direction:column;justify-content:center;padding:56px;display:flex}.brand-kicker{letter-spacing:3px;text-transform:uppercase;margin:0 0 24px;font-size:14px}.brand-box h1{letter-spacing:8px;margin:0;font-size:64px;line-height:1}.brand-subtitle{max-width:340px;margin:24px 0 0;font-size:18px;line-height:1.5}.login-form{flex-direction:column;justify-content:center;gap:22px;padding:56px;display:flex}.login-form label{color:#1d1d1b;flex-direction:column;gap:8px;font-weight:700;display:flex}.login-form input{border:1px solid #d7d7d7;border-radius:12px;outline:none;width:100%;height:48px;padding:0 14px;font-size:15px}.login-form input:focus{border-color:#e30613;box-shadow:0 0 0 4px #e306131f}.login-form button{color:#fff;cursor:pointer;background:#1d1d1b;border:0;border-radius:12px;height:50px;font-size:16px;font-weight:800}.login-form button:hover{background:#e30613}@media (width<=760px){.login-card{grid-template-columns:1fr}.brand-box,.login-form{padding:36px}.brand-box h1{font-size:44px}}.login-error{color:#e30613;background:#e306131a;border-radius:10px;margin:-6px 0 0;padding:12px 14px;font-size:14px;font-weight:700}