/* PulseKonnect — pages/auth.css — shared auth screen styles
   Extracted verbatim from layouts/auth.blade.php (production-safe CSS refactor). */

        body {
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            background:
                radial-gradient(1100px 550px at 85% -10%, rgba(26,86,219,.10), transparent 60%),
                radial-gradient(900px 500px at -10% 110%, rgba(14,125,224,.08), transparent 60%),
                var(--pk-body-bg) !important;
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
        }
        .auth-container {
            width: 100%;
            max-width: 700px;
            padding: 1rem;
        }
        .auth-card {
            background: #fff;
            border: 1px solid var(--pk-border);
            border-radius: 14px;
            padding: 2.5rem;
            box-shadow: var(--pk-shadow-lg);
        }
        .auth-brand {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.75rem;
            margin-bottom: 2rem;
        }
        /* Constrain by BOTH axes so any logo aspect ratio behaves — a square or
           padded asset must not overflow the card on a narrow screen. Mirrors the
           sidebar's .pk-brand-logo treatment. */
        .auth-brand img {
            max-height: 92px;
            max-width: 100%;
            width: auto;
            height: auto;
            object-fit: contain;
        }
        @media (max-width: 480px) {
            .auth-brand img { max-height: 72px; }
        }
        .auth-brand .brand-icon {
            width: 46px;
            height: 46px;
            background: linear-gradient(135deg, var(--pk-primary), var(--pk-secondary));
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 1.35rem;
            box-shadow: 0 4px 14px rgba(26,86,219,.35);
        }
        .auth-brand h2 {
            font-weight: 800;
            font-size: 1.6rem;
            color: var(--pk-heading);
            margin: 0;
            letter-spacing: -.02em;
            line-height: 1.15;
        }
        .form-label { font-size: .78rem; font-weight: 700; color: var(--pk-text); }
        .btn-pk-primary {
            background: var(--pk-primary);
            color: #fff;
            border: 1px solid var(--pk-primary);
            border-radius: 8px;
            padding: 0.7rem;
            font-weight: 700;
            font-size: 0.9rem;
            transition: background .15s, box-shadow .15s;
        }
        .btn-pk-primary:hover {
            background: var(--pk-primary-hover);
            border-color: var(--pk-primary-hover);
            box-shadow: 0 4px 14px rgba(26,86,219,.3);
            color: #fff;
        }
        .auth-footer-note {
            text-align: center;
            margin-top: 1.25rem;
            font-size: .72rem;
            color: var(--pk-text-faint);
        }