/* Login page specific styles */
        .login-container {
            background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
            min-height: 100vh;
        }

        .login-card {
            background: white;
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
            backdrop-filter: blur(10px);
        }

        .google-button {
            transition: all 0.3s ease;
            background: white;
            border: 2px solid #E13F4E;
        }

        .google-button:hover {
            background: #FEF2F2;
            box-shadow: 0 4px 12px rgba(225, 63, 78, 0.15);
            transform: translateY(-1px);
        }

        .google-button:active {
            transform: translateY(0);
        }

        .loading-spinner {
            animation: spin 1s linear infinite;
        }

        @keyframes spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }