label { display: block; margin: 18px 0 7px; font-size: 14px; font-weight: 600; }
        input { width: 100%; height: 48px; padding: 0 13px; border: 1px solid #d0d5dd; border-radius: 11px; font: inherit; outline: none; transition: border-color .15s, box-shadow .15s; }
        input:focus { border-color: var(--auth-primary); box-shadow: 0 0 0 3px rgba(var(--auth-primary-rgb), .14); }
        button { width: 100%; height: 48px; margin-top: 24px; border: 0; border-radius: 11px; background: var(--auth-primary); color: var(--auth-on-primary); font: inherit; font-weight: 700; cursor: pointer; box-shadow: 0 8px 18px rgba(var(--auth-primary-rgb), .18); }
        .social-login { display: grid; gap: 10px; margin-top: 22px; }
        .social-divider { display: flex; align-items: center; gap: 12px; color: #98a2b3; font-size: 12px; line-height: 1; }
        .social-divider::before, .social-divider::after { content: ""; height: 1px; flex: 1; background: #eaecf0; }
        .qq-login-button { display: flex; align-items: center; justify-content: center; min-height: 48px; border-radius: 11px; text-decoration: none; transition: background .15s, box-shadow .15s; }
        .qq-login-button:hover { background: #f5faff; box-shadow: 0 0 0 1px rgba(18, 183, 245, .18); }
        .qq-login-button:focus-visible { outline: 3px solid rgba(18, 183, 245, .28); outline-offset: 3px; }
        .qq-login-button img { display: block; width: 230px; height: 48px; flex: none; }
        .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
        .error { padding: 10px 12px; border-radius: 8px; background: #fff1f2; color: #b42318; font-size: 13px; }
        .success { padding: 10px 12px; border-radius: 8px; background: #ecfdf3; color: #067647; font-size: 13px; }
        footer { margin-top: 24px; color: #667085; font-size: 13px; text-align: center; }
        footer a { color: var(--auth-link); font-weight: 700; text-decoration: none; }
        button:hover { filter: brightness(.94); }
        button:focus-visible { outline: 3px solid rgba(var(--auth-primary-rgb), .35); outline-offset: 3px; }