.contact-container {
        max-width: var(--max-width);
        margin: auto;
        margin-top: var(--margin-top-botton);
        padding: 2rem;
        border-radius: var(--border-radius-md);
        border: 2px solid var(--bg-secondary);
        font-family: var(--font-main);
        color: var(--text-color);
    }
    .contact-container * {
        box-sizing: border-box;
    }
    .contact-header {
        text-align: center;
        margin-bottom: 2rem;
    }
    .contact-header h2 {
        font-size: 1.75rem;
        margin: 0 0 0.5rem 0;
    }
    .contact-header p {
        color: var(--text-dis);
        font-size: 0.95rem;
        margin: 0;
    }
    .form-group {
        margin-bottom: 1.25rem;
    }
    .form-row {
        display: flex;
        gap: 1rem;
    }
    .form-row .form-group {
        flex: 1;
    }
    .contact-container label {
        display: block;
        margin-bottom: 0.5rem;
        font-weight: 500;
        font-size: 0.875rem;
        color: var(--text-dis-dark);
    }
    .contact-container label span.required {
        color: #ff0000;
    }
    .contact-container input[type="text"],
    .contact-container input[type="email"],
    .contact-container select,
    .contact-container textarea {
        width: 100%;
        padding: 0.75rem;
        border: 2px solid var(--border-hover);
        border-radius: 6px;
        font-size: 0.95rem;
        color: #1e293b;
        transition: border-color 0.15s ease, box-shadow 0.15s ease;
    }
    .contact-container input:focus,
    .contact-container select:focus,
    .contact-container textarea:focus {
        outline: none;
        border-color: var(--primary-color);
        background-color: var(--bg-color);
    }
    .contact-container select option{
        background-color: var(--bg-color);
        border-radius: var(--border-radius-md);
    }
    .contact-container select option:hover{
        background-color: var(--bg-secondary);
        border-radius: var(--border-radius-md);
    }
    
    /* ADVANCED HONEYPOT: Hidden from users, visible to simple bot parsers */
    .hp-field {
        opacity: 0;
        position: absolute;
        top: -9999px;
        left: -9999px;
        height: 0;
        width: 0;
        z-index: -1;
        pointer-events: none;
    }

    .alert {
        padding: 1rem;
        border-radius: 6px;
        margin-bottom: 1.5rem;
        font-size: 0.95rem;
        line-height: 1.4;
    }
    .alert-success {
        background-color: #dcfce7;
        color: #15803d;
        border: 1px solid #bbf7d0;
    }
    .alert-danger {
        background-color: #fee2e2;
        color: #b91c1c;
        border: 1px solid #fecaca;
    }
    .btn-submit {
        width: 100%;
        padding: 0.875rem;
        background-color: var(--bg-secondary);
        color: #ffffff;
        border: none;
        border-radius: 6px;
        font-size: 1rem;
        font-weight: 600;
        cursor: pointer;
        transition: background-color 0.3s ease-in-out;
    }
    .btn-submit:hover {
        background-color: var(--btn-hover);
    }
    .btn-submit:active {
        background-color: #020617;
    }

    
    
    @media (max-width: 480px) {
        .form-row {
            flex-direction: column;
            gap: 0;
        }
        .contact-container {
            padding: 1.25rem;
            margin: 1rem;
            max-width: var(--max-width-mobile);
        }
    }