*{box-sizing:border-box}html,body{color:#111827;background:#f5f7fb;min-height:100%;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}.login-page{background:radial-gradient(circle at 0 0,#dcfce7,#0000 34%),radial-gradient(circle at 100% 100%,#dbeafe,#0000 34%),#f8fafc;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fffffff5;border:1px solid #e5e7eb;border-radius:24px;width:100%;max-width:430px;padding:36px;box-shadow:0 24px 70px #0f172a1f}.brand{margin-bottom:28px}.brand-mark{color:#fff;background:#111827;border-radius:15px;place-items:center;width:48px;height:48px;margin-bottom:16px;font-weight:800;display:inline-grid}.brand h1{margin:0 0 8px;font-size:30px}.brand p{color:#64748b;margin:0;line-height:1.5}.login-form{gap:16px;display:grid}.login-form label{gap:7px;font-size:14px;font-weight:700;display:grid}.login-form input{border:1px solid #cbd5e1;border-radius:12px;outline:none;width:100%;padding:13px 14px}.login-form input:focus{border-color:#111827;box-shadow:0 0 0 3px #11182714}.primary-button{color:#fff;background:#111827;border:0;border-radius:12px;min-height:48px;font-weight:800}.error{color:#b91c1c;font-size:14px}