@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
        
        /* Dark Mode Variables & Overrides */
        :root {
            --brand-color: #0d6efd;
            --brand-bg-light: #e7f1ff;
            --brand-text: #0d6efd;
            --dropzone-bg: #ffffff;
            --dropzone-border: #dee2e6;
            --dropzone-hover-bg: #f1f7ff;
            --dropzone-hover-border: #0d6efd;
        }

        [data-bs-theme="dark"] {
            --brand-bg-light: rgba(13, 110, 253, 0.15);
            --brand-text: #6ea8fe;
            --dropzone-bg: #212529; /* Darker bg for dropzone */
            --dropzone-border: #495057;
            --dropzone-hover-bg: #2c3035;
            --dropzone-hover-border: #6ea8fe;
            --bs-body-bg: #212529;
            --bs-body-color: #dee2e6;
        }

        body { font-family: 'Inter', sans-serif; scroll-behavior: smooth; }
        
        /* Custom Brand Colors */
        .text-brand { color: var(--brand-text); }
        .bg-brand-light { background-color: var(--brand-bg-light); color: var(--brand-text); }
        
        /* Drop Zone */
        #drop-zone {
            border: 2px dashed var(--dropzone-border);
            transition: all 0.3s ease;
            background-color: var(--dropzone-bg);
            color: var(--bs-body-color);
        }
        #drop-zone:hover, #drop-zone.dragover {
            border-color: var(--dropzone-hover-border);
            background-color: var(--dropzone-hover-bg);
        }

        /* Custom Scrollbar */
        .custom-scrollbar::-webkit-scrollbar { width: 6px; }
        .custom-scrollbar::-webkit-scrollbar-track { background: var(--bs-secondary-bg); }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
        .custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

        /* Star Rating */
        .star-rating { direction: rtl; display: inline-flex; }
        .star-rating input { display: none; }
        .star-rating label { cursor: pointer; color: #dee2e6; font-size: 1.5rem; transition: color 0.2s; }
        .star-rating input:checked ~ label, 
        .star-rating label:hover, 
        .star-rating label:hover ~ label { color: #ffc107; }

        /* Provider Button Active State */
        .btn-check:checked + .btn-outline-primary {
            background-color: var(--brand-bg-light);
            color: var(--brand-text);
            border-color: var(--brand-text);
        }
        
        .file-item-active { 
            border-left: 4px solid var(--brand-text) !important; 
            background-color: var(--bs-tertiary-bg) !important; 
        }

        /* Section Spacing */
        section { padding: 80px 0; }
        .section-title { font-weight: 700; margin-bottom: 3rem; text-align: center; }
        .section-title span { color: var(--brand-text); }
        
        /* Blog Card Hover */
        .blog-card { transition: transform 0.2s; }
        .blog-card:hover { transform: translateY(-5px); }

        /* Fix for dark mode inputs if needed specifically, but BS5 handles most */
        [data-bs-theme="dark"] .form-control::placeholder { color: #6c757d; }


.btn:hover {
    background-color: #0d6efd !important;
    color:#fff !important;
}