/* contact-page.css */


/* From resources/views/templates/basic/contact.blade.php */
.contact-form {
            background: #ffffff;
            padding: 35px;
            border-radius: 22px;
            border: 1px solid rgba(0, 0, 0, 0.06);
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
            position: relative;
            overflow: hidden;
        }

        .contact-form::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 5px;
            background: linear-gradient(90deg, rgb(var(--base)), rgba(var(--base), 0.45));
        }

        .contact-form .form--label {
            margin-bottom: 8px;
            color: #1f2937;
            font-size: 14px;
            font-weight: 700;
        }

        .contact-form .form--control {
            min-height: 52px;
            padding: 13px 16px;
            border-radius: 14px;
            border: 1px solid #e5e7eb;
            background: #f9fafb;
            color: #111827;
            font-size: 15px;
            transition: all 0.25s ease;
        }

        .contact-form .form--control:focus {
            border-color: rgb(var(--base));
            background: #ffffff;
            box-shadow: 0 0 0 4px rgba(var(--base), 0.12);
            outline: none;
        }

        .contact-form .form--control::placeholder {
            color: #9ca3af;
        }

        .contact-form .form--control[readonly] {
            background: #eef2f7;
            color: #6b7280;
            cursor: not-allowed;
        }

        .contact-form textarea.form--control {
            min-height: 130px;
            resize: vertical;
        }

        .contact-form .btn--base {
            width: 100%;
            min-height: 52px;
            border-radius: 14px;
            font-size: 15px;
            font-weight: 800;
            letter-spacing: 0.2px;
            box-shadow: 0 12px 30px rgba(var(--base), 0.25);
            transition: all 0.25s ease;
        }

        .contact-form .btn--base:hover {
            transform: translateY(-2px);
            box-shadow: 0 16px 40px rgba(var(--base), 0.35);
        }

        .contact-form .mb-3 {
            margin-bottom: 18px !important;
        }

        @media (max-width: 575px) {
            .contact-form {
                padding: 24px 20px;
                border-radius: 18px;
            }
        }