/* Login Page Styles */
    #wrapper {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
    }

    /* Login Container and Card */
    .login-container {
        width: 100%;
        max-width: 600px;
    }
    .login-card {
        border-radius: 12px;
        background-color: white;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
        overflow: hidden;
    }
    .login-header {
        background-color: var(--brand-primary);
        color: white;
        padding: 15px 20px;
        text-align: center;
    }
    .login-header h1 {
        font-size: 1.5rem;
        font-weight: 600;
        margin: 0;
        color: white;
    }
    .login-body {
        padding: 20px;
    }

    /* Form Elements */
    .form-control {
        border: 1px solid #ced4da;
        border-radius: 8px;
        padding: 12px 15px;
        height: auto;
        font-size: 1rem;
    }
    .form-control:focus {
        border-color: var(--brand-primary);
        box-shadow: 0 0 0 0.25rem rgba(240, 132, 130, 0.25);
    }

    /* Sign In Button */
    .btn-signin {
        background-color: var(--brand-primary);
        color: white;
        border: none;
        border-radius: 8px;
        padding: 12px 0;
        font-weight: 500;
        font-size: 1rem;
        cursor: pointer;
    }
    .btn-signin:hover {
        background-color: #e07573;
    }

    /* Links */
    .signup-link {
        color: #1C93ED;
        text-decoration: none;
    }
    .forgot-password {
        color: #1C93ED;
        text-decoration: none;
        font-size: 0.9rem;
    }

    /* Remember Me Checkbox */
    .remember-me-container {
        display: flex;
        align-items: center;
    }
    .remember-checkbox {
        width: 18px;
        height: 18px;
        margin-right: 8px;
    }
    .remember-label {
        font-size: 0.9rem;
        margin-bottom: 0;
    }