﻿
    /* Form Styles */
    .form-login .entry {
        position: relative;
        margin-bottom: 0;
    }

    .form-login .form-label {
        display: block;
        margin-bottom: 8px;
        font-weight: 500;
        color: var(--theme-color);
    }

    .form-login .form-control {
        border: 2px solid rgba(255, 255, 255, 0.2);
        background: rgba(255, 255, 255, 0.05);
        color: var(--heading-color);
        padding: 15px 20px;
        border-radius: 8px;
        transition: all 0.3s ease;
    }

        .form-login .form-control:focus {
            border-color: var(--theme-color);
            background: rgba(255, 255, 255, 0.1);
            outline: none;
            box-shadow: 0 0 0 0.2rem rgba(var(--theme-color-rgb), 0.25);
        }

        .form-login .form-control::placeholder {
            color: rgba(255, 255, 255, 0.5);
        }
    /* Validation Errors */
    .validation-error {
        display: block;
        margin-top: 8px;
        font-size: 14px;
        color: #ff4444;
    }

    .form-control.input-validation-error {
        border-color: #ff4444 !important;
        background-color: rgba(255, 68, 68, 0.1) !important;
    }
    /* Custom Checkbox */
    .custom-checkbox {
        display: inline-flex;
        align-items: center;
        gap: 10px;
    }

    .custom-checkbox-input {
        width: 20px;
        height: 20px;
        cursor: pointer;
        accent-color: var(--theme-color);
    }

    .custom-checkbox-label {
        cursor: pointer;
        margin: 0;
        user-select: none;
    }
    /* Buttons */
    .btn-login {
        min-width: 200px;
    }

    .btn-secondary-form,
    .btn-success-form {
        display: inline-block;
        width: 100%;
        padding: 15px 30px;
        text-align: center;
        border: 2px solid;
        border-radius: 8px;
        transition: all 0.3s ease;
        text-decoration: none;
        position: relative;
        overflow: hidden;
    }

    .btn-secondary-form {
        border-color: #17a2b8;
        color: #17a2b8;
    }

        .btn-secondary-form:hover {
            background: #17a2b8;
            color: white;
        }

    .btn-success-form {
        border-color: #28a745;
        color: #28a745;
    }

        .btn-success-form:hover {
            background: #28a745;
            color: white;
        }

        .btn-secondary-form .label,
        .btn-success-form .label {
            position: relative;
            z-index: 1;
        }

        .btn-secondary-form .icon-c,
        .btn-success-form .icon-c {
            display: none;
        }

