body.kinet-auth { min-height: 100vh; color: #102a43; background: #f5f7fb; font-family: Inter, Arial, sans-serif; }
.auth-page { display: flex; min-height: 100vh; align-items: center; justify-content: center; flex-direction: column; padding: 32px 18px; }
.auth-brand { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 22px; }
.auth-brand img { display: block; width: 190px; height: 64px; object-fit: contain; }
.auth-card { width: min(100%, 440px); padding: 30px; border: 1px solid #e5e7eb; border-radius: 14px; background: #fff; box-shadow: 0 12px 34px rgb(15 42 67 / 8%); }
.auth-heading { margin-bottom: 22px; }
.auth-heading p { margin: 0 0 7px; color: #2563eb; font-size: 9px; font-weight: 700; letter-spacing: .1em; }
.auth-heading h1 { margin: 0; color: #102a43; font-size: 22px; font-weight: 700; letter-spacing: -.04em; }
.auth-heading span { display: block; margin-top: 6px; color: #64748b; font-size: 11px; line-height: 1.5; }
.auth-card form { display: grid; gap: 17px; }
.auth-card .text-sm { color: #64748b; font-size: 12px; line-height: 1.6; }
.auth-card label { display: block; margin-bottom: 6px; color: #334155; font-size: 11px; font-weight: 600; }
.auth-card input:not([type=checkbox]) { width: 100%; min-height: 42px; margin-top: 0; padding: 9px 11px; border: 1px solid #dbe2ea; border-radius: 8px; color: #102a43; font: 12px Inter, Arial, sans-serif; box-shadow: none; }
.auth-card input:focus { border-color: #93b4fb; outline: 0; box-shadow: 0 0 0 3px rgb(37 99 235 / 10%); }
.auth-card input[type=checkbox] { width: 15px; height: 15px; accent-color: #2563eb; }
.auth-card button { min-height: 40px; padding: 9px 16px; border: 0; border-radius: 8px; color: #fff; background: #2563eb; font: 600 11px Inter, Arial, sans-serif; cursor: pointer; }
.auth-card button:hover { background: #1d4ed8; }
.auth-card a { color: #2563eb; }
.auth-card a:hover { color: #1d4ed8; }
.auth-card .mt-4 { margin-top: 0; }
.auth-card .mt-1 { margin-top: 0; }
.auth-card .mb-4 { margin-bottom: 17px; }
.auth-card .mt-2 { margin-top: 6px; }
.auth-card .text-red-600 { color: #b91c1c; font-size: 10px; }
.auth-card .text-green-600 { color: #15803d; }
.auth-card .text-gray-600 { color: #64748b; }
.auth-card .text-gray-800 { color: #334155; }
.auth-footer { margin: 18px 0 0; color: #94a3b8; font-size: 10px; }
.auth-footer span { margin: 0 4px; color: #cbd5e1; }

@media (max-width: 480px) {
    .auth-card { padding: 23px 20px; }
    .auth-brand { margin-bottom: 16px; }
}