/**
 * Gather & Group - Auth Styles
 * Styles for login and register pages
 */
        /* Page-specific styles */
        .auth-page {
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            background: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-background) 100%);
        }

        .auth-container {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: var(--spacing-lg) 0;
        }

        .auth-card {
            background-color: var(--color-white);
            border-radius: var(--radius-lg);
            box-shadow: var(--shadow-lg);
            padding: var(--spacing-xl);
            width: 100%;
            max-width: 520px;
        }

        @media (min-width: 600px) {
            .auth-card {
                width: 520px;
            }
        }

        .auth-header {
            text-align: center;
            margin-bottom: var(--spacing-xl);
        }

        .auth-header h2 {
            word-wrap: break-word;
        }

        .auth-header .logo {
            display: block;
            margin-bottom: var(--spacing-md);
        }

        .auth-trial-note {
            display: inline-block;
            margin-top: var(--spacing-sm);
            margin-bottom: calc(var(--spacing-xl) * -0.4);
            padding: 0.35rem 1rem;
            font-size: 0.875rem;
            font-weight: 500;
            color: var(--color-primary);
            background-color: var(--color-secondary);
            border-radius: 2rem;
        }

        .auth-divider {
            text-align: center;
            position: relative;
            margin: var(--spacing-lg) 0;
        }

        .auth-divider::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            height: 1px;
            background-color: var(--color-border);
        }

        .auth-divider span {
            position: relative;
            background-color: var(--color-white);
            padding: 0 var(--spacing-sm);
            color: var(--color-text-light);
            font-size: 0.875rem;
        }

        .auth-footer {
            text-align: center;
            margin-top: var(--spacing-lg);
            padding-top: var(--spacing-lg);
            border-top: 1px solid var(--color-border);
            color: var(--color-text-light);
        }

        .auth-trust-strip {
            display: flex;
            justify-content: center;
            gap: var(--spacing-md);
            margin-top: var(--spacing-md);
            flex-wrap: wrap;
        }

        .auth-trust-item {
            display: inline-flex;
            align-items: center;
            gap: 0.35rem;
            font-size: 0.8125rem;
            color: var(--color-text-light);
        }

        .auth-trust-item svg {
            color: var(--color-primary);
            flex-shrink: 0;
        }

        .password-requirements {
            font-size: 0.875rem;
            color: var(--color-text-light);
            margin-top: var(--spacing-xs);
        }

        .verification-notice {
            background-color: var(--color-secondary);
            padding: var(--spacing-md);
            border-radius: var(--radius-md);
            text-align: center;
        }

        /* Verify notice & verify pages */
        .notice-icon {
            font-size: 4rem;
            margin-bottom: var(--spacing-md);
            color: var(--color-primary);
        }

        .verification-icon {
            font-size: 4rem;
            margin-bottom: var(--spacing-md);
        }

        .success-icon {
            color: var(--color-success);
        }

        .error-icon {
            color: var(--color-error);
        }