body {
            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
            min-height: 100vh;
        }

        .auth-logo {
            padding-top: 0;
            padding-bottom: 2.5rem;
        }

        .auth-logo img {
            max-width: 380px;
            height: 120px;
            display: block;
            margin: 0 auto 1.2rem auto;
            margin-top: 0;
            background: #fff;
            padding: 1.25rem 2.5rem;
            border-radius: 0.8rem;
            box-shadow: 0 2px 18px 0 rgba(0,0,0,0.10);
        }

        .auth-left {
            background: linear-gradient(135deg, #3498db, #2980b9);
            color: white;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            min-height: 100%;
            padding: 2.5rem 2rem;
        }

        .auth-left h2 {
            font-size: 2rem;
            margin-bottom: 1rem;
            font-weight: bold;
        }

        .auth-left p {
            font-size: 1.1rem;
            opacity: 0.9;
            line-height: 1.6;
        }

        .auth-tabs .nav-link.active {
            background: #3498db !important;
            color: #fff !important;
            box-shadow: 0 2px 10px rgba(0,0,0,0.07);
            border-color: #3498db #3498db #fff #3498db !important;
            z-index: 2;
            border-radius: 0.7rem 0.7rem 0 0 !important;
        }

        .form-control {
            font-size: 0.92rem;
            padding: 0.56rem 0.7rem;
            min-height: 32px;
        }

        .form-control:focus {
            border-color: #3498db;
            box-shadow: 0 0 0 0.2rem rgba(52,152,219,0.1);
        }

        .password-toggle {
            position: absolute;
            right: 18px;
            top: 50%;
            transform: translateY(-50%);
            background: none;
            border: none;
            color: #666;
            cursor: pointer;
            font-size: 1.15rem;
            padding: 0;
            line-height: 1;
        }

        .password-toggle:focus {
            outline: none;
            box-shadow: none;
        }

        .form-options {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 1.5rem;
            font-size: 0.9rem;
        }

        .btn-primary, .btn {
            font-size: 1.08rem;
            padding: 0.85rem 1.1rem;
            min-height: 52px;
            border-radius: 0.7rem;
        }

        .btn-primary {
            background: linear-gradient(135deg, #3498db, #2980b9);
            border: none;
        }

        .btn-primary:hover {
            background: #2980b9;
        }

        .btn-secondary {
            background: white;
            color: #3498db;
            border: 2px solid #3498db;
        }

        .btn-secondary:hover {
            background: #3498db;
            color: white;
        }

        .error-message, .success-message {
            display: none;
        }

        .error-message.show, .success-message.show {
            display: block;
        }

        @media (max-width: 991.98px) {
            .auth-container {
                flex-direction: column !important;
            }

            .auth-left {
                border-radius: 1rem 1rem 0 0;
            }
        }

        .tab-content > .tab-pane {
            min-height: 430px; /* Ensures both login and register tabs have the same minimum height */
        }

        /* Ensure nav-tabs buttons are seamless and fill width */
        .auth-tabs .nav-link {
            border-radius: 0 !important;
            margin-right: 0 !important;
            margin-left: 0 !important;
        }
        .auth-tabs .nav-item {
            padding: 0 !important;
        }
        .nav-link{
            color: #2980b9;
        }

        .form-options a{
             color: #2980b9;
             text-decoration: none;
        }
        
        .btn-transparent {
            background-color: transparent;
            padding: 0 !important;
            border: 0 transparent;
        }
        .d-none{
            display: none;
        }

        .btn-register {
            background: white;
            color: #3498db;
            border: 2px solid #3498db;
        }

        .btn-register:hover {
            background: white;
            color: #3498db;
            border: 2px solid #3498db;
        }