:root {--bg-gradient: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);--text-main: #2d3748;--text-muted: #5e6c84;--card-bg: #ffffff;--navbar-bg: rgba(255, 255, 255, 0.95);--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--shadow-soft: 0 10px 40px rgba(0, 0, 0, 0.08);--icon-color: #5e6c84;--input-border: #cbd5e0;--gdpr-bg: #1a202c;--gdpr-text: #f7fafc;--gdpr-btn-primary: #a3bffa;--gdpr-btn-text: #1a202c;--gdpr-btn-outline: #cbd5e0;--primary-color: #9170b7;--primary-color-hover: #805baa;--secondary-color: #212020;}
[data-theme="dark"] {--bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--text-main: #f8fafc;--text-muted: #cbd5e0;--card-bg: #1e293b;--navbar-bg: rgba(15, 23, 42, 0.98);--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--shadow-soft: 0 10px 40px rgba(0, 0, 0, 0.3);--icon-color: #ffffff;--input-border: #475569;--gdpr-bg: #f7fafc;--gdpr-text: #1a202c;--gdpr-btn-primary: #667eea;--gdpr-btn-text: #ffffff;--gdpr-btn-outline: #4a5568;}
body {font-family: 'Inter', sans-serif;background: var(--bg-gradient);color: var(--text-main);min-height: 100vh;display: flex;flex-direction: column;transition: all 0.3s ease;overflow-x: hidden;}
h1,     h2,     h3,     .brand-logo {font-family: 'Poppins', sans-serif;}
.text-muted {color: var(--text-muted) !important;}
    .alert{margin: 10px 0px;}

/* Navbar Styling */
.navbar {background-color: var(--navbar-bg);backdrop-filter: blur(10px);box-shadow: 0 2px 15px rgba(0,0,0,0.05);transition: background-color 0.3s;z-index: 1020;}
[data-theme="dark"] .navbar-toggler-icon {filter: invert(1);}
button:focus, a:focus, input:focus, textarea:focus, select:focus {outline: 2px solid #764ba2;outline-offset: 2px;}
.brand-logo {font-weight: 700;color: #764ba2;letter-spacing: -0.5px;font-size: 1.4rem;}
[data-theme="dark"] .brand-logo {color: #a3bffa;}
.nav-link {color: var(--text-main) !important;font-weight: 500;font-size: 0.95rem;}

/* Main Card */
.main-card {background-color: var(--card-bg);border: none;border-radius: 16px;padding: 2.5rem;box-shadow: var(--shadow-soft);transition: transform 0.3s, box-shadow 0.3s, background-color 0.3s;position: relative;overflow: hidden;}
.main-card::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;background: var(--primary-gradient);}

/* Form Elements */
.form-control, .form-select {background-color: transparent;border: 1px solid var(--input-border);color: var(--text-main);border-radius: 8px;padding: 12px;}
[data-theme="dark"] .form-control,          [data-theme="dark"] .form-select {color: #fff;}
[data-theme="dark"] .form-control::placeholder {color: #94a3b8;}
.form-control:focus {box-shadow: 0 0 0 3px rgba(118, 75, 162, 0.2);border-color: #764ba2;background-color: transparent;color: var(--text-main);}

/* Gradient Button */
.btn-gradient {background: var(--primary-gradient);border: none;color: white;padding: 14px;font-weight: 600;border-radius: 8px;transition: transform 0.2s, box-shadow 0.2s;}
.btn-gradient:hover {transform: translateY(-2px);box-shadow: 0 10px 20px rgba(118, 75, 162, 0.3);color: white;}

/* Offcanvas Styling */
.offcanvas {background-color: var(--card-bg);color: var(--text-main);z-index: 1045;}
.offcanvas-backdrop {z-index: 1040;}
.offcanvas .btn-close {filter: var(--btn-close-filter, none);}
[data-theme="dark"] {--btn-close-filter: invert(1);}

/* Footer Links Styling */
.footer-link {color: var(--text-muted);text-decoration: none;margin: 0 10px;font-size: 0.9rem;transition: color 0.2s;}
.footer-link:hover {color: var(--text-main);text-decoration: underline;}

/* GDPR Full Width Bar - STATIC POSITION (ABOVE FOOTER) */
.gdpr-bar {width: 100%;background-color: var(--gdpr-bg);color: var(--gdpr-text);padding: 1.5rem 0;display: none;border-bottom: 1px solid rgba(0,0,0,0.1);}
.gdpr-link {color: var(--gdpr-btn-primary);text-decoration: underline;font-weight: 600;}

/* Custom buttons for GDPR */
.btn-gdpr-primary {background-color: var(--gdpr-btn-primary);color: var(--gdpr-btn-text);border: none;font-weight: 600;}
.btn-gdpr-primary:hover {opacity: 0.9;}
.btn-gdpr-outline {border: 1px solid var(--gdpr-btn-outline);color: var(--gdpr-text);}
.btn-gdpr-outline:hover {background-color: rgba(255,255,255,0.1);color: var(--gdpr-text);}
.theme-icon {font-size: 1.2rem;cursor: pointer;color: var(--text-main);}
.under-development-text {color: #ff6b6b;font-weight: 600;}
.trust-badge-icon {color: var(--icon-color);transition: color 0.3s ease;}

 .accordion-item {border: 1px solid var(--bs-border-color);background-color: var(--bs-body-bg);overflow: hidden;margin-bottom: 10px;border-radius: 8px !important;}
.accordion-button {color: var(--bs-body-color);background-color: var(--bs-body-bg);font-weight: 600;font-size: 1.05rem;box-shadow: none !important;}
.accordion-button:not(.collapsed) {color: var(--primary-color);background-color: rgba(240, 147, 43, 0.08);}
.accordion-button:focus {border-color: var(--primary-color);box-shadow: 0 0 0 0.25rem rgba(240, 147, 43, 0.15) !important;}
.accordion-button::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
[data-bs-theme="dark"] .accordion-button::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
.faq-contact-box {background-color: var(--bs-tertiary-bg);padding: 1.5rem;border-radius: 12px;border: 1px solid var(--bs-border-color);text-align: center;}

/* Contact */
.contact-card {border: 1px solid var(--bs-border-color);border-radius: 12px;background-color: var(--bs-body-bg);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);overflow: hidden;}
.contact-header {background-color: var(--bs-tertiary-bg);padding: 1.5rem;border-bottom: 1px solid var(--bs-border-color);}
.contact-body {padding: 2rem;}
.form-label {font-weight: 600;font-size: 0.95rem;margin-bottom: 0.5rem;}
.form-control,     .form-select {padding: 12px 15px;border-radius: 8px;border: 1px solid var(--bs-border-color);}
.form-control:focus,     .form-select:focus {border-color: var(--primary-color);box-shadow: 0 0 0 4px rgba(240, 147, 43, 0.15);}
.icon-wrapper {width: 40px;height: 40px;background-color: rgba(161, 43, 240, 0.1);color: var(--primary-color);border-radius: 8px;display: flex;align-items: center;justify-content: center;font-size: 1.2rem;margin-right: 1rem;}

.btn-theme {background-color: var(--primary-color);color: white;border: none;}
.btn-theme:hover {background-color:var(--primary-color-hover);color: white;}
.btn-theme:focus {background-color: var(--primary-color-hover);color: white;}
.btn-theme:hover,
.btn-theme:focus,
.btn-theme:active {background-color:var(--primary-color-hover)!important;color: white!important;}