@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Cairo:wght@400;500;600;700&display=swap);
/*!*!* ================================================================= *!*!*/
/*!*!* TrustBadgesSection.css - Enhanced & Optimized Version           *!*!*/
/*!*!* ================================================================= *!*!*/

/*!*!* ===== IMPORTS ===== *!*!*/
/*!*@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Noto+Sans+Arabic:wght@300;400;500;600;700;800;900&display=swap');*!*/

/*!*!* ===== CSS CUSTOM PROPERTIES ===== *!*!*/
/*!*:root {*!*/
/*!*    !* Enhanced Color System *!*!*/
/*!*    --trust-primary-50: #eff6ff;*!*/
/*!*    --trust-primary-100: #dbeafe;*!*/
/*!*    --trust-primary-200: #bfdbfe;*!*/
/*!*    --trust-primary-300: #93c5fd;*!*/
/*!*    --trust-primary-400: #60a5fa;*!*/
/*!*    --trust-primary-500: #3b82f6;*!*/
/*!*    --trust-primary-600: #2563eb;*!*/
/*!*    --trust-primary-700: #1d4ed8;*!*/
/*!*    --trust-primary-900: #1e3a8a;*!*/

/*!*    --trust-success-50: #ecfdf5;*!*/
/*!*    --trust-success-100: #d1fae5;*!*/
/*!*    --trust-success-200: #a7f3d0;*!*/
/*!*    --trust-success-300: #6ee7b7;*!*/
/*!*    --trust-success-400: #34d399;*!*/
/*!*    --trust-success-500: #10b981;*!*/
/*!*    --trust-success-600: #059669;*!*/
/*!*    --trust-success-700: #047857;*!*/

/*!*    --trust-warning-50: #fffbeb;*!*/
/*!*    --trust-warning-100: #fef3c7;*!*/
/*!*    --trust-warning-200: #fde68a;*!*/
/*!*    --trust-warning-300: #fcd34d;*!*/
/*!*    --trust-warning-400: #fbbf24;*!*/
/*!*    --trust-warning-500: #f59e0b;*!*/
/*!*    --trust-warning-600: #d97706;*!*/

/*!*    --trust-accent-50: #faf5ff;*!*/
/*!*    --trust-accent-100: #f3e8ff;*!*/
/*!*    --trust-accent-200: #e9d5ff;*!*/
/*!*    --trust-accent-300: #d8b4fe;*!*/
/*!*    --trust-accent-400: #c084fc;*!*/
/*!*    --trust-accent-500: #8b5cf6;*!*/
/*!*    --trust-accent-600: #7c3aed;*!*/

/*!*    !* Neutral Colors *!*!*/
/*!*    --trust-neutral-50: #f8fafc;*!*/
/*!*    --trust-neutral-100: #f1f5f9;*!*/
/*!*    --trust-neutral-200: #e2e8f0;*!*/
/*!*    --trust-neutral-300: #cbd5e1;*!*/
/*!*    --trust-neutral-400: #94a3b8;*!*/
/*!*    --trust-neutral-500: #64748b;*!*/
/*!*    --trust-neutral-600: #475569;*!*/
/*!*    --trust-neutral-700: #334155;*!*/
/*!*    --trust-neutral-800: #1e293b;*!*/
/*!*    --trust-neutral-900: #0f172a;*!*/

/*!*    !* Dark Theme Colors *!*!*/
/*!*    --trust-dark-bg: #0a0f1c;*!*/
/*!*    --trust-dark-surface: #1a2332;*!*/
/*!*    --trust-dark-border: #2d3748;*!*/

/*!*    !* Enhanced Gradients *!*!*/
/*!*    --trust-gradient-primary: linear-gradient(135deg, var(--trust-primary-500) 0%, var(--trust-primary-600) 100%);*!*/
/*!*    --trust-gradient-success: linear-gradient(135deg, var(--trust-success-500) 0%, var(--trust-success-600) 100%);*!*/
/*!*    --trust-gradient-warning: linear-gradient(135deg, var(--trust-warning-500) 0%, var(--trust-warning-600) 100%);*!*/
/*!*    --trust-gradient-accent: linear-gradient(135deg, var(--trust-accent-500) 0%, var(--trust-accent-600) 100%);*!*/

/*!*    --trust-gradient-bg: linear-gradient(135deg, var(--trust-neutral-50) 0%, #ffffff 50%, var(--trust-primary-50) 100%);*!*/
/*!*    --trust-gradient-bg-dark: linear-gradient(135deg, var(--trust-dark-bg) 0%, var(--trust-dark-surface) 100%);*!*/

/*!*    !* Typography *!*!*/
/*!*    --trust-font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;*!*/
/*!*    --trust-font-arabic: 'Noto Sans Arabic', sans-serif;*!*/

/*!*    !* Spacing System *!*!*/
/*!*    --trust-space-1: 0.25rem;*!*/
/*!*    --trust-space-2: 0.5rem;*!*/
/*!*    --trust-space-3: 0.75rem;*!*/
/*!*    --trust-space-4: 1rem;*!*/
/*!*    --trust-space-5: 1.25rem;*!*/
/*!*    --trust-space-6: 1.5rem;*!*/
/*!*    --trust-space-8: 2rem;*!*/
/*!*    --trust-space-10: 2.5rem;*!*/
/*!*    --trust-space-12: 3rem;*!*/
/*!*    --trust-space-16: 4rem;*!*/
/*!*    --trust-space-20: 5rem;*!*/

/*!*    !* Border Radius *!*!*/
/*!*    --trust-radius-sm: 0.375rem;*!*/
/*!*    --trust-radius-md: 0.5rem;*!*/
/*!*    --trust-radius-lg: 0.75rem;*!*/
/*!*    --trust-radius-xl: 1rem;*!*/
/*!*    --trust-radius-2xl: 1.5rem;*!*/
/*!*    --trust-radius-3xl: 2rem;*!*/
/*!*    --trust-radius-full: 9999px;*!*/

/*!*    !* Shadows *!*!*/
/*!*    --trust-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);*!*/
/*!*    --trust-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);*!*/
/*!*    --trust-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);*!*/
/*!*    --trust-shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1);*!*/

/*!*    --trust-shadow-primary: 0 10px 25px rgba(59, 130, 246, 0.15);*!*/
/*!*    --trust-shadow-success: 0 10px 25px rgba(16, 185, 129, 0.15);*!*/
/*!*    --trust-shadow-warning: 0 10px 25px rgba(245, 158, 11, 0.15);*!*/
/*!*    --trust-shadow-accent: 0 10px 25px rgba(139, 92, 246, 0.15);*!*/

/*!*    !* Transitions *!*!*/
/*!*    --trust-transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);*!*/
/*!*    --trust-transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);*!*/
/*!*    --trust-transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);*!*/

/*!*    !* Z-Index Scale *!*!*/
/*!*    --trust-z-background: 1;*!*/
/*!*    --trust-z-content: 10;*!*/
/*!*    --trust-z-floating: 20;*!*/
/*!*    --trust-z-overlay: 30;*!*/
/*!*}*!*/

/*!*!* ===== BASE SECTION STYLES ===== *!*!*/
/*!*.trust-badges-section {*!*/
/*!*    position: relative;*!*/
/*!*    width: 100%;*!*/
/*!*    min-height: 100vh;*!*/
/*!*    padding: var(--trust-space-20) 0;*!*/
/*!*    background: var(--trust-gradient-bg);*!*/
/*!*    overflow: hidden;*!*/
/*!*    isolation: isolate;*!*/
/*!*    transition: all var(--trust-transition-slow);*!*/
/*!*}*!*/

/*!*.trust-badges-section.dark-theme {*!*/
/*!*    background: var(--trust-gradient-bg-dark);*!*/
/*!*    color: var(--trust-neutral-200);*!*/
/*!*}*!*/

/*!*!* ===== CONTAINER & LAYOUT ===== *!*!*/
/*!*.trust-badges-container {*!*/
/*!*    max-width: 1400px;*!*/
/*!*    margin: 0 auto;*!*/
/*!*    padding: 0 var(--trust-space-6);*!*/
/*!*    position: relative;*!*/
/*!*    z-index: var(--trust-z-content);*!*/
/*!*}*!*/

/*!*.trust-badges-content {*!*/
/*!*    display: flex;*!*/
/*!*    flex-direction: column;*!*/
/*!*    gap: var(--trust-space-16);*!*/
/*!*}*!*/

/*!*!* RTL Support *!*!*/
/*!*.trust-badges-section.rtl {*!*/
/*!*    direction: rtl;*!*/
/*!*}*!*/

/*!*.trust-badges-section.ltr {*!*/
/*!*    direction: ltr;*!*/
/*!*}*!*/

/*!*!* ===== SECTION HEADER ===== *!*!*/
/*!*.trust-section-header {*!*/
/*!*    text-align: center;*!*/
/*!*    max-width: 800px;*!*/
/*!*    margin: 0 auto var(--trust-space-16);*!*/
/*!*}*!*/

/*!*.trust-header-icon {*!*/
/*!*    display: inline-flex;*!*/
/*!*    align-items: center;*!*/
/*!*    justify-content: center;*!*/
/*!*    width: 80px;*!*/
/*!*    height: 80px;*!*/
/*!*    background: var(--trust-gradient-primary);*!*/
/*!*    border-radius: var(--trust-radius-full);*!*/
/*!*    color: white;*!*/
/*!*    margin-bottom: var(--trust-space-6);*!*/
/*!*    box-shadow: var(--trust-shadow-primary);*!*/
/*!*    position: relative;*!*/
/*!*    overflow: hidden;*!*/
/*!*}*!*/

/*!*.trust-header-icon::before {*!*/
/*!*    content: '';*!*/
/*!*    position: absolute;*!*/
/*!*    top: 0;*!*/
/*!*    left: 0;*!*/
/*!*    right: 0;*!*/
/*!*    bottom: 0;*!*/
/*!*    background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);*!*/
/*!*    transform: translateX(-100%);*!*/
/*!*    animation: shimmer 3s ease-in-out infinite;*!*/
/*!*}*!*/

/*!*.trust-main-title {*!*/
/*!*    font-size: clamp(2.25rem, 5vw, 3.5rem);*!*/
/*!*    font-weight: 800;*!*/
/*!*    background: linear-gradient(135deg, var(--trust-neutral-900) 0%, var(--trust-primary-600) 100%);*!*/
/*!*    background-clip: text;*!*/
/*!*    -webkit-background-clip: text;*!*/
/*!*    -webkit-text-fill-color: transparent;*!*/
/*!*    color: transparent;*!*/
/*!*    font-family: var(--trust-font-primary);*!*/
/*!*    line-height: 1.1;*!*/
/*!*    margin-bottom: var(--trust-space-4);*!*/
/*!*    letter-spacing: -0.02em;*!*/
/*!*}*!*/

/*!*.trust-main-subtitle {*!*/
/*!*    font-size: 1.25rem;*!*/
/*!*    color: var(--trust-neutral-600);*!*/
/*!*    font-family: var(--trust-font-primary);*!*/
/*!*    line-height: 1.6;*!*/
/*!*    font-weight: 400;*!*/
/*!*    max-width: 700px;*!*/
/*!*    margin: 0 auto;*!*/
/*!*}*!*/

/*!*.dark-theme .trust-main-subtitle {*!*/
/*!*    color: var(--trust-neutral-400);*!*/
/*!*}*!*/

/*!*!* Arabic Typography *!*!*/
/*!*.trust-badges-section.rtl .trust-main-title,*!*/
/*!*.trust-badges-section.rtl .trust-main-subtitle {*!*/
/*!*    font-family: var(--trust-font-arabic);*!*/
/*!*}*!*/

/*!*!* ===== LEADERSHIP BADGES ===== *!*!*/
/*!*.leadership-badges-section {*!*/
/*!*    width: 100%;*!*/
/*!*}*!*/

/*!*.leadership-badges-grid {*!*/
/*!*    display: grid;*!*/
/*!*    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));*!*/
/*!*    gap: var(--trust-space-8);*!*/
/*!*    max-width: 1200px;*!*/
/*!*    margin: 0 auto;*!*/
/*!*}*!*/

/*!*.leadership-badge {*!*/
/*!*    position: relative;*!*/
/*!*    display: flex;*!*/
/*!*    flex-direction: column;*!*/
/*!*    align-items: center;*!*/
/*!*    padding: var(--trust-space-10);*!*/
/*!*    background: rgba(255, 255, 255, 0.95);*!*/
/*!*    backdrop-filter: blur(20px);*!*/
/*!*    -webkit-backdrop-filter: blur(20px);*!*/
/*!*    border: 1px solid var(--trust-neutral-200);*!*/
/*!*    border-radius: var(--trust-radius-2xl);*!*/
/*!*    transition: all var(--trust-transition-base);*!*/
/*!*    cursor: pointer;*!*/
/*!*    overflow: hidden;*!*/
/*!*    box-shadow: var(--trust-shadow-md);*!*/
/*!*}*!*/

/*!*.leadership-badge:hover {*!*/
/*!*    transform: translateY(-8px);*!*/
/*!*    box-shadow: var(--trust-shadow-xl);*!*/
/*!*    border-color: var(--trust-primary-300);*!*/
/*!*}*!*/

/*!*.badge-primary {*!*/
/*!*    border-left: 4px solid var(--trust-primary-500);*!*/
/*!*}*!*/

/*!*.badge-success {*!*/
/*!*    border-left: 4px solid var(--trust-success-500);*!*/
/*!*}*!*/

/*!*.badge-accent {*!*/
/*!*    border-left: 4px solid var(--trust-accent-500);*!*/
/*!*}*!*/

/*!*.badge-icon-wrapper {*!*/
/*!*    display: flex;*!*/
/*!*    align-items: center;*!*/
/*!*    justify-content: center;*!*/
/*!*    width: 90px;*!*/
/*!*    height: 90px;*!*/
/*!*    border-radius: var(--trust-radius-2xl);*!*/
/*!*    margin-bottom: var(--trust-space-6);*!*/
/*!*    position: relative;*!*/
/*!*    transition: all var(--trust-transition-base);*!*/
/*!*}*!*/

/*!*.icon-primary {*!*/
/*!*    background: linear-gradient(135deg, var(--trust-primary-100), var(--trust-primary-50));*!*/
/*!*    color: var(--trust-primary-600);*!*/
/*!*}*!*/

/*!*.icon-success {*!*/
/*!*    background: linear-gradient(135deg, var(--trust-success-100), var(--trust-success-50));*!*/
/*!*    color: var(--trust-success-600);*!*/
/*!*}*!*/

/*!*.icon-accent {*!*/
/*!*    background: linear-gradient(135deg, var(--trust-accent-100), var(--trust-accent-50));*!*/
/*!*    color: var(--trust-accent-600);*!*/
/*!*}*!*/

/*!*.icon-glow {*!*/
/*!*    position: absolute;*!*/
/*!*    top: 50%;*!*/
/*!*    left: 50%;*!*/
/*!*    width: 120%;*!*/
/*!*    height: 120%;*!*/
/*!*    background: radial-gradient(circle, currentColor 0%, transparent 70%);*!*/
/*!*    opacity: 0;*!*/
/*!*    transform: translate(-50%, -50%);*!*/
/*!*    transition: opacity var(--trust-transition-base);*!*/
/*!*    border-radius: var(--trust-radius-2xl);*!*/
/*!*}*!*/

/*!*.leadership-badge:hover .icon-glow {*!*/
/*!*    opacity: 0.1;*!*/
/*!*}*!*/

/*!*.badge-content {*!*/
/*!*    text-align: center;*!*/
/*!*    flex-grow: 1;*!*/
/*!*}*!*/

/*!*.badge-title {*!*/
/*!*    font-size: 1.25rem;*!*/
/*!*    font-weight: 700;*!*/
/*!*    color: var(--trust-neutral-900);*!*/
/*!*    line-height: 1.3;*!*/
/*!*    margin-bottom: var(--trust-space-3);*!*/
/*!*    font-family: var(--trust-font-primary);*!*/
/*!*}*!*/

/*!*.badge-subtitle {*!*/
/*!*    font-size: 0.95rem;*!*/
/*!*    color: var(--trust-neutral-600);*!*/
/*!*    font-weight: 500;*!*/
/*!*    line-height: 1.4;*!*/
/*!*    font-family: var(--trust-font-primary);*!*/
/*!*}*!*/

/*!*.badge-priority {*!*/
/*!*    position: absolute;*!*/
/*!*    top: var(--trust-space-4);*!*/
/*!*    right: var(--trust-space-4);*!*/
/*!*    width: 32px;*!*/
/*!*    height: 32px;*!*/
/*!*    background: var(--trust-gradient-primary);*!*/
/*!*    border-radius: var(--trust-radius-full);*!*/
/*!*    display: flex;*!*/
/*!*    align-items: center;*!*/
/*!*    justify-content: center;*!*/
/*!*    color: white;*!*/
/*!*    font-size: 0.875rem;*!*/
/*!*    font-weight: 700;*!*/
/*!*    box-shadow: var(--trust-shadow-sm);*!*/
/*!*}*!*/

/*!*.trust-badges-section.rtl .badge-priority {*!*/
/*!*    right: auto;*!*/
/*!*    left: var(--trust-space-4);*!*/
/*!*}*!*/

/*!*!* Dark Theme Leadership Badges *!*!*/
/*!*.dark-theme .leadership-badge {*!*/
/*!*    background: rgba(26, 35, 50, 0.95);*!*/
/*!*    border-color: var(--trust-dark-border);*!*/
/*!*}*!*/

/*!*.dark-theme .badge-title {*!*/
/*!*    color: var(--trust-neutral-200);*!*/
/*!*}*!*/

/*!*.dark-theme .badge-subtitle {*!*/
/*!*    color: var(--trust-neutral-400);*!*/
/*!*}*!*/

/*!*!* ===== QUICK STATS ===== *!*!*/
/*!*.quick-stats-section {*!*/
/*!*    width: 100%;*!*/
/*!*}*!*/

/*!*.stats-grid {*!*/
/*!*    display: grid;*!*/
/*!*    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));*!*/
/*!*    gap: var(--trust-space-6);*!*/
/*!*    max-width: 1200px;*!*/
/*!*    margin: 0 auto;*!*/
/*!*}*!*/

/*!*.stat-card {*!*/
/*!*    position: relative;*!*/
/*!*    display: flex;*!*/
/*!*    align-items: center;*!*/
/*!*    padding: var(--trust-space-8);*!*/
/*!*    background: rgba(255, 255, 255, 0.95);*!*/
/*!*    backdrop-filter: blur(20px);*!*/
/*!*    -webkit-backdrop-filter: blur(20px);*!*/
/*!*    border: 1px solid var(--trust-neutral-200);*!*/
/*!*    border-radius: var(--trust-radius-xl);*!*/
/*!*    transition: all var(--trust-transition-base);*!*/
/*!*    cursor: pointer;*!*/
/*!*    overflow: hidden;*!*/
/*!*    box-shadow: var(--trust-shadow-md);*!*/
/*!*}*!*/

/*!*.stat-card:hover {*!*/
/*!*    transform: translateY(-6px) scale(1.02);*!*/
/*!*    box-shadow: var(--trust-shadow-xl);*!*/
/*!*}*!*/

/*!*.stat-primary {*!*/
/*!*    border-left: 4px solid var(--trust-primary-500);*!*/
/*!*}*!*/

/*!*.stat-success {*!*/
/*!*    border-left: 4px solid var(--trust-success-500);*!*/
/*!*}*!*/

/*!*.stat-warning {*!*/
/*!*    border-left: 4px solid var(--trust-warning-500);*!*/
/*!*}*!*/

/*!*.stat-accent {*!*/
/*!*    border-left: 4px solid var(--trust-accent-500);*!*/
/*!*}*!*/

/*!*.stat-icon-wrapper {*!*/
/*!*    display: flex;*!*/
/*!*    align-items: center;*!*/
/*!*    justify-content: center;*!*/
/*!*    width: 64px;*!*/
/*!*    height: 64px;*!*/
/*!*    border-radius: var(--trust-radius-xl);*!*/
/*!*    margin-right: var(--trust-space-6);*!*/
/*!*    flex-shrink: 0;*!*/
/*!*    transition: all var(--trust-transition-base);*!*/
/*!*}*!*/

/*!*.trust-badges-section.rtl .stat-icon-wrapper {*!*/
/*!*    margin-right: 0;*!*/
/*!*    margin-left: var(--trust-space-6);*!*/
/*!*}*!*/

/*!*.stat-content {*!*/
/*!*    flex-grow: 1;*!*/
/*!*}*!*/

/*!*.stat-value {*!*/
/*!*    font-size: 2.5rem;*!*/
/*!*    font-weight: 800;*!*/
/*!*    background: var(--trust-gradient-primary);*!*/
/*!*    background-clip: text;*!*/
/*!*    -webkit-background-clip: text;*!*/
/*!*    -webkit-text-fill-color: transparent;*!*/
/*!*    color: transparent;*!*/
/*!*    line-height: 1;*!*/
/*!*    margin-bottom: var(--trust-space-2);*!*/
/*!*    font-family: var(--trust-font-primary);*!*/
/*!*}*!*/

/*!*.stat-label {*!*/
/*!*    font-size: 1rem;*!*/
/*!*    font-weight: 600;*!*/
/*!*    color: var(--trust-neutral-800);*!*/
/*!*    margin-bottom: var(--trust-space-1);*!*/
/*!*    font-family: var(--trust-font-primary);*!*/
/*!*}*!*/

/*!*.stat-description {*!*/
/*!*    font-size: 0.875rem;*!*/
/*!*    color: var(--trust-neutral-600);*!*/
/*!*    font-weight: 400;*!*/
/*!*    margin-bottom: var(--trust-space-2);*!*/
/*!*    font-family: var(--trust-font-primary);*!*/
/*!*}*!*/

/*!*.stat-growth {*!*/
/*!*    display: inline-flex;*!*/
/*!*    align-items: center;*!*/
/*!*    gap: var(--trust-space-1);*!*/
/*!*    padding: var(--trust-space-1) var(--trust-space-2);*!*/
/*!*    background: var(--trust-success-100);*!*/
/*!*    color: var(--trust-success-700);*!*/
/*!*    border-radius: var(--trust-radius-full);*!*/
/*!*    font-size: 0.75rem;*!*/
/*!*    font-weight: 600;*!*/
/*!*}*!*/

/*!*!* Dark Theme Stats *!*!*/
/*!*.dark-theme .stat-card {*!*/
/*!*    background: rgba(26, 35, 50, 0.95);*!*/
/*!*    border-color: var(--trust-dark-border);*!*/
/*!*}*!*/

/*!*.dark-theme .stat-label {*!*/
/*!*    color: var(--trust-neutral-200);*!*/
/*!*}*!*/

/*!*.dark-theme .stat-description {*!*/
/*!*    color: var(--trust-neutral-400);*!*/
/*!*}*!*/

/*!*!* ===== SECTION SUBTITLES ===== *!*!*/
/*!*.section-subtitle {*!*/
/*!*    font-size: 1.75rem;*!*/
/*!*    font-weight: 700;*!*/
/*!*    text-align: center;*!*/
/*!*    margin-bottom: var(--trust-space-10);*!*/
/*!*    color: var(--trust-neutral-900);*!*/
/*!*    font-family: var(--trust-font-primary);*!*/
/*!*    display: flex;*!*/
/*!*    align-items: center;*!*/
/*!*    justify-content: center;*!*/
/*!*    gap: var(--trust-space-3);*!*/
/*!*}*!*/

/*!*.subtitle-icon {*!*/
/*!*    color: var(--trust-primary-500);*!*/
/*!*    transition: all var(--trust-transition-base);*!*/
/*!*}*!*/

/*!*.dark-theme .section-subtitle {*!*/
/*!*    color: var(--trust-neutral-200);*!*/
/*!*}*!*/

/*!*!* ===== CLIENT LOGOS ===== *!*!*/
/*!*.client-logos-section {*!*/
/*!*    width: 100%;*!*/
/*!*}*!*/

/*!*.client-logos-grid {*!*/
/*!*    display: grid;*!*/
/*!*    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));*!*/
/*!*    gap: var(--trust-space-6);*!*/
/*!*    max-width: 1200px;*!*/
/*!*    margin: 0 auto;*!*/
/*!*}*!*/

/*!*.client-card {*!*/
/*!*    display: flex;*!*/
/*!*    align-items: center;*!*/
/*!*    padding: var(--trust-space-6);*!*/
/*!*    background: rgba(255, 255, 255, 0.95);*!*/
/*!*    backdrop-filter: blur(20px);*!*/
/*!*    -webkit-backdrop-filter: blur(20px);*!*/
/*!*    border: 1px solid var(--trust-neutral-200);*!*/
/*!*    border-radius: var(--trust-radius-xl);*!*/
/*!*    transition: all var(--trust-transition-base);*!*/
/*!*    cursor: pointer;*!*/
/*!*    position: relative;*!*/
/*!*    overflow: hidden;*!*/
/*!*    box-shadow: var(--trust-shadow-md);*!*/
/*!*}*!*/

/*!*.client-card:hover {*!*/
/*!*    transform: translateY(-6px);*!*/
/*!*    box-shadow: var(--trust-shadow-xl);*!*/
/*!*}*!*/

/*!*.client-primary {*!*/
/*!*    border-left: 3px solid var(--trust-primary-500);*!*/
/*!*}*!*/

/*!*.client-success {*!*/
/*!*    border-left: 3px solid var(--trust-success-500);*!*/
/*!*}*!*/

/*!*.client-warning {*!*/
/*!*    border-left: 3px solid var(--trust-warning-500);*!*/
/*!*}*!*/

/*!*.client-accent {*!*/
/*!*    border-left: 3px solid var(--trust-accent-500);*!*/
/*!*}*!*/

/*!*.client-logo-container {*!*/
/*!*    width: 72px;*!*/
/*!*    height: 72px;*!*/
/*!*    border-radius: var(--trust-radius-lg);*!*/
/*!*    display: flex;*!*/
/*!*    align-items: center;*!*/
/*!*    justify-content: center;*!*/
/*!*    margin-right: var(--trust-space-6);*!*/
/*!*    flex-shrink: 0;*!*/
/*!*    position: relative;*!*/
/*!*    overflow: hidden;*!*/
/*!*    transition: all var(--trust-transition-base);*!*/
/*!*}*!*/

/*!*.trust-badges-section.rtl .client-logo-container {*!*/
/*!*    margin-right: 0;*!*/
/*!*    margin-left: var(--trust-space-6);*!*/
/*!*}*!*/

/*!*.logo-primary {*!*/
/*!*    background: var(--trust-gradient-primary);*!*/
/*!*}*!*/

/*!*.logo-success {*!*/
/*!*    background: var(--trust-gradient-success);*!*/
/*!*}*!*/

/*!*.logo-warning {*!*/
/*!*    background: var(--trust-gradient-warning);*!*/
/*!*}*!*/

/*!*.logo-accent {*!*/
/*!*    background: var(--trust-gradient-accent);*!*/
/*!*}*!*/

/*!*.client-logo-text {*!*/
/*!*    font-size: 1.75rem;*!*/
/*!*    font-weight: 800;*!*/
/*!*    color: white;*!*/
/*!*    z-index: 2;*!*/
/*!*    position: relative;*!*/
/*!*    font-family: var(--trust-font-primary);*!*/
/*!*}*!*/

/*!*.logo-shimmer-effect {*!*/
/*!*    position: absolute;*!*/
/*!*    top: -50%;*!*/
/*!*    left: -50%;*!*/
/*!*    width: 200%;*!*/
/*!*    height: 200%;*!*/
/*!*    background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.2), transparent);*!*/
/*!*    transform: rotate(45deg);*!*/
/*!*    animation: shimmer 4s ease-in-out infinite;*!*/
/*!*}*!*/

/*!*.client-info {*!*/
/*!*    flex-grow: 1;*!*/
/*!*}*!*/

/*!*.client-name {*!*/
/*!*    font-size: 1.125rem;*!*/
/*!*    font-weight: 700;*!*/
/*!*    color: var(--trust-neutral-900);*!*/
/*!*    margin-bottom: var(--trust-space-2);*!*/
/*!*    font-family: var(--trust-font-primary);*!*/
/*!*}*!*/

/*!*.client-sector {*!*/
/*!*    font-size: 0.875rem;*!*/
/*!*    color: var(--trust-neutral-600);*!*/
/*!*    margin-bottom: var(--trust-space-3);*!*/
/*!*    font-family: var(--trust-font-primary);*!*/
/*!*}*!*/

/*!*.client-projects {*!*/
/*!*    display: inline-flex;*!*/
/*!*    align-items: center;*!*/
/*!*    gap: var(--trust-space-1);*!*/
/*!*    padding: var(--trust-space-1) var(--trust-space-3);*!*/
/*!*    background: var(--trust-primary-100);*!*/
/*!*    color: var(--trust-primary-700);*!*/
/*!*    border-radius: var(--trust-radius-full);*!*/
/*!*    font-size: 0.75rem;*!*/
/*!*    font-weight: 600;*!*/
/*!*}*!*/

/*!*!* Dark Theme Client Logos *!*!*/
/*!*.dark-theme .client-card {*!*/
/*!*    background: rgba(26, 35, 50, 0.95);*!*/
/*!*    border-color: var(--trust-dark-border);*!*/
/*!*}*!*/

/*!*.dark-theme .client-name {*!*/
/*!*    color: var(--trust-neutral-200);*!*/
/*!*}*!*/

/*!*.dark-theme .client-sector {*!*/
/*!*    color: var(--trust-neutral-400);*!*/
/*!*}*!*/

/*!*!* ===== CERTIFICATIONS ===== *!*!*/
/*!*.certifications-section {*!*/
/*!*    width: 100%;*!*/
/*!*}*!*/

/*!*.certifications-grid {*!*/
/*!*    display: grid;*!*/
/*!*    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));*!*/
/*!*    gap: var(--trust-space-8);*!*/
/*!*    max-width: 1200px;*!*/
/*!*    margin: 0 auto;*!*/
/*!*}*!*/

/*!*.certification-card {*!*/
/*!*    display: flex;*!*/
/*!*    flex-direction: column;*!*/
/*!*    align-items: center;*!*/
/*!*    text-align: center;*!*/
/*!*    padding: var(--trust-space-10);*!*/
/*!*    background: rgba(255, 255, 255, 0.95);*!*/
/*!*    backdrop-filter: blur(20px);*!*/
/*!*    -webkit-backdrop-filter: blur(20px);*!*/
/*!*    border: 1px solid var(--trust-neutral-200);*!*/
/*!*    border-radius: var(--trust-radius-2xl);*!*/
/*!*    transition: all var(--trust-transition-base);*!*/
/*!*    cursor: pointer;*!*/
/*!*    position: relative;*!*/
/*!*    overflow: hidden;*!*/
/*!*    box-shadow: var(--trust-shadow-md);*!*/
/*!*}*!*/

/*!*.certification-card:hover {*!*/
/*!*    transform: translateY(-8px);*!*/
/*!*    box-shadow: var(--trust-shadow-xl);*!*/
/*!*}*!*/

/*!*.cert-primary {*!*/
/*!*    border-top: 4px solid var(--trust-primary-500);*!*/
/*!*}*!*/

/*!*.cert-success {*!*/
/*!*    border-top: 4px solid var(--trust-success-500);*!*/
/*!*}*!*/

/*!*.cert-warning {*!*/
/*!*    border-top: 4px solid var(--trust-warning-500);*!*/
/*!*}*!*/

/*!*.cert-icon-wrapper {*!*/
/*!*    display: flex;*!*/
/*!*    align-items: center;*!*/
/*!*    justify-content: center;*!*/
/*!*    width: 100px;*!*/
/*!*    height: 100px;*!*/
/*!*    border-radius: var(--trust-radius-2xl);*!*/
/*!*    margin-bottom: var(--trust-space-8);*!*/
/*!*    position: relative;*!*/
/*!*    transition: all var(--trust-transition-base);*!*/
/*!*}*!*/

/*!*.cert-glow-effect {*!*/
/*!*    position: absolute;*!*/
/*!*    top: 50%;*!*/
/*!*    left: 50%;*!*/
/*!*    width: 130%;*!*/
/*!*    height: 130%;*!*/
/*!*    background: radial-gradient(circle, currentColor 0%, transparent 70%);*!*/
/*!*    opacity: 0;*!*/
/*!*    transform: translate(-50%, -50%);*!*/
/*!*    transition: opacity var(--trust-transition-base);*!*/
/*!*    border-radius: var(--trust-radius-2xl);*!*/
/*!*}*!*/

/*!*.certification-card:hover .cert-glow-effect {*!*/
/*!*    opacity: 0.1;*!*/
/*!*}*!*/

/*!*.cert-content {*!*/
/*!*    flex-grow: 1;*!*/
/*!*}*!*/

/*!*.cert-title {*!*/
/*!*    font-size: 1.25rem;*!*/
/*!*    font-weight: 700;*!*/
/*!*    color: var(--trust-neutral-900);*!*/
/*!*    line-height: 1.3;*!*/
/*!*    margin-bottom: var(--trust-space-4);*!*/
/*!*    font-family: var(--trust-font-primary);*!*/
/*!*}*!*/

/*!*.cert-description {*!*/
/*!*    font-size: 0.95rem;*!*/
/*!*    color: var(--trust-neutral-600);*!*/
/*!*    line-height: 1.5;*!*/
/*!*    margin-bottom: var(--trust-space-6);*!*/
/*!*    font-family: var(--trust-font-primary);*!*/
/*!*}*!*/

/*!*.cert-badges {*!*/
/*!*    display: flex;*!*/
/*!*    flex-wrap: wrap;*!*/
/*!*    gap: var(--trust-space-2);*!*/
/*!*    justify-content: center;*!*/
/*!*    margin-bottom: var(--trust-space-4);*!*/
/*!*}*!*/

/*!*.cert-badge {*!*/
/*!*    padding: var(--trust-space-1) var(--trust-space-3);*!*/
/*!*    background: var(--trust-neutral-100);*!*/
/*!*    color: var(--trust-neutral-700);*!*/
/*!*    border-radius: var(--trust-radius-full);*!*/
/*!*    font-size: 0.75rem;*!*/
/*!*    font-weight: 600;*!*/
/*!*    border: 1px solid var(--trust-neutral-200);*!*/
/*!*}*!*/

/*!*.cert-rating {*!*/
/*!*    display: flex;*!*/
/*!*    align-items: center;*!*/
/*!*    justify-content: center;*!*/
/*!*    gap: var(--trust-space-2);*!*/
/*!*    color: var(--trust-warning-600);*!*/
/*!*    font-weight: 600;*!*/
/*!*}*!*/

/*!*.cert-rating .filled {*!*/
/*!*    fill: currentColor;*!*/
/*!*}*!*/

/*!*.reviews-count {*!*/
/*!*    color: var(--trust-neutral-500);*!*/
/*!*    font-weight: 400;*!*/
/*!*}*!*/

/*!*!* Dark Theme Certifications *!*!*/
/*!*.dark-theme .certification-card {*!*/
/*!*    background: rgba(26, 35, 50, 0.95);*!*/
/*!*    border-color: var(--trust-dark-border);*!*/
/*!*}*!*/

/*!*.dark-theme .cert-title {*!*/
/*!*    color: var(--trust-neutral-200);*!*/
/*!*}*!*/

/*!*.dark-theme .cert-description {*!*/
/*!*    color: var(--trust-neutral-400);*!*/
/*!*}*!*/

/*!*.dark-theme .cert-badge {*!*/
/*!*    background: var(--trust-dark-border);*!*/
/*!*    color: var(--trust-neutral-300);*!*/
/*!*    border-color: var(--trust-neutral-600);*!*/
/*!*}*!*/

/*!*!* ===== TRUST SEAL ===== *!*!*/
/*!*.trust-seal-section {*!*/
/*!*    width: 100%;*!*/
/*!*    max-width: 900px;*!*/
/*!*    margin: 0 auto;*!*/
/*!*}*!*/

/*!*.trust-seal-card {*!*/
/*!*    display: flex;*!*/
/*!*    align-items: center;*!*/
/*!*    padding: var(--trust-space-10);*!*/
/*!*    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.95) 100%);*!*/
/*!*    backdrop-filter: blur(20px);*!*/
/*!*    -webkit-backdrop-filter: blur(20px);*!*/
/*!*    border: 2px solid var(--trust-primary-200);*!*/
/*!*    border-radius: var(--trust-radius-3xl);*!*/
/*!*    gap: var(--trust-space-8);*!*/
/*!*    position: relative;*!*/
/*!*    overflow: hidden;*!*/
/*!*    box-shadow: var(--trust-shadow-primary);*!*/
/*!*    transition: all var(--trust-transition-base);*!*/
/*!*}*!*/

/*!*.trust-seal-card:hover {*!*/
/*!*    transform: translateY(-4px);*!*/
/*!*    border-color: var(--trust-primary-300);*!*/
/*!*    box-shadow: var(--trust-shadow-xl), var(--trust-shadow-primary);*!*/
/*!*}*!*/

/*!*.seal-icon-container {*!*/
/*!*    display: flex;*!*/
/*!*    align-items: center;*!*/
/*!*    justify-content: center;*!*/
/*!*    width: 100px;*!*/
/*!*    height: 100px;*!*/
/*!*    background: var(--trust-gradient-primary);*!*/
/*!*    border-radius: var(--trust-radius-full);*!*/
/*!*    color: white;*!*/
/*!*    flex-shrink: 0;*!*/
/*!*    position: relative;*!*/
/*!*    box-shadow: var(--trust-shadow-primary);*!*/
/*!*}*!*/

/*!*.seal-pulse-rings {*!*/
/*!*    position: absolute;*!*/
/*!*    top: 50%;*!*/
/*!*    left: 50%;*!*/
/*!*    transform: translate(-50%, -50%);*!*/
/*!*}*!*/

/*!*.pulse-ring {*!*/
/*!*    position: absolute;*!*/
/*!*    border: 2px solid var(--trust-primary-400);*!*/
/*!*    border-radius: var(--trust-radius-full);*!*/
/*!*    opacity: 0;*!*/
/*!*    animation: pulse-ring 3s ease-out infinite;*!*/
/*!*}*!*/

/*!*.ring-1 {*!*/
/*!*    width: 120px;*!*/
/*!*    height: 120px;*!*/
/*!*    animation-delay: 0s;*!*/
/*!*}*!*/

/*!*.ring-2 {*!*/
/*!*    width: 140px;*!*/
/*!*    height: 140px;*!*/
/*!*    animation-delay: 1s;*!*/
/*!*}*!*/

/*!*.seal-content {*!*/
/*!*    flex-grow: 1;*!*/
/*!*}*!*/

/*!*.seal-title {*!*/
/*!*    font-size: 1.5rem;*!*/
/*!*    font-weight: 700;*!*/
/*!*    color: var(--trust-neutral-900);*!*/
/*!*    margin-bottom: var(--trust-space-4);*!*/
/*!*    font-family: var(--trust-font-primary);*!*/
/*!*}*!*/

/*!*.seal-description {*!*/
/*!*    font-size: 1.125rem;*!*/
/*!*    color: var(--trust-neutral-700);*!*/
/*!*    line-height: 1.6;*!*/
/*!*    margin-bottom: var(--trust-space-6);*!*/
/*!*    font-family: var(--trust-font-primary);*!*/
/*!*}*!*/

/*!*.seal-badges {*!*/
/*!*    display: flex;*!*/
/*!*    gap: var(--trust-space-3);*!*/
/*!*    flex-wrap: wrap;*!*/
/*!*}*!*/

/*!*.seal-badge {*!*/
/*!*    padding: var(--trust-space-2) var(--trust-space-4);*!*/
/*!*    border-radius: var(--trust-radius-full);*!*/
/*!*    font-size: 0.875rem;*!*/
/*!*    font-weight: 600;*!*/
/*!*    display: inline-flex;*!*/
/*!*    align-items: center;*!*/
/*!*    gap: var(--trust-space-2);*!*/
/*!*    transition: all var(--trust-transition-base);*!*/
/*!*}*!*/

/*!*.seal-badge.primary {*!*/
/*!*    background: var(--trust-gradient-success);*!*/
/*!*    color: white;*!*/
/*!*    box-shadow: var(--trust-shadow-success);*!*/
/*!*}*!*/

/*!*.seal-badge.secondary {*!*/
/*!*    background: var(--trust-primary-100);*!*/
/*!*    color: var(--trust-primary-700);*!*/
/*!*    border: 1px solid var(--trust-primary-200);*!*/
/*!*}*!*/

/*!*.seal-badge:hover {*!*/
/*!*    transform: translateY(-2px);*!*/
/*!*}*!*/

/*!*!* Dark Theme Trust Seal *!*!*/
/*!*.dark-theme .trust-seal-card {*!*/
/*!*    background: linear-gradient(135deg, rgba(26, 35, 50, 0.95) 0%, rgba(15, 23, 42, 0.9) 100%);*!*/
/*!*    border-color: var(--trust-primary-600);*!*/
/*!*}*!*/

/*!*.dark-theme .seal-title {*!*/
/*!*    color: var(--trust-neutral-200);*!*/
/*!*}*!*/

/*!*.dark-theme .seal-description {*!*/
/*!*    color: var(--trust-neutral-300);*!*/
/*!*}*!*/

/*!*.dark-theme .seal-badge.secondary {*!*/
/*!*    background: var(--trust-dark-border);*!*/
/*!*    color: var(--trust-primary-300);*!*/
/*!*    border-color: var(--trust-primary-700);*!*/
/*!*}*!*/

/*!*!* ===== BACKGROUND ELEMENTS ===== *!*!*/
/*!*.trust-section-background {*!*/
/*!*    position: absolute;*!*/
/*!*    top: 0;*!*/
/*!*    left: 0;*!*/
/*!*    right: 0;*!*/
/*!*    bottom: 0;*!*/
/*!*    overflow: hidden;*!*/
/*!*    z-index: var(--trust-z-background);*!*/
/*!*    pointer-events: none;*!*/
/*!*}*!*/

/*!*.bg-gradient-overlay {*!*/
/*!*    position: absolute;*!*/
/*!*    top: 0;*!*/
/*!*    left: 0;*!*/
/*!*    right: 0;*!*/
/*!*    bottom: 0;*!*/
/*!*    background: radial-gradient(circle at 25% 75%, var(--trust-primary-50) 0%, transparent 50%),*!*/
/*!*    radial-gradient(circle at 75% 25%, var(--trust-accent-50) 0%, transparent 50%);*!*/
/*!*    opacity: 0.6;*!*/
/*!*    animation: gradient-float 20s ease-in-out infinite;*!*/
/*!*}*!*/

/*!*.bg-pattern-dots {*!*/
/*!*    position: absolute;*!*/
/*!*    top: 0;*!*/
/*!*    left: 0;*!*/
/*!*    right: 0;*!*/
/*!*    bottom: 0;*!*/
/*!*    background-image: radial-gradient(var(--trust-primary-200) 1px, transparent 1px);*!*/
/*!*    background-size: 50px 50px;*!*/
/*!*    opacity: 0.3;*!*/
/*!*    animation: pattern-drift 30s linear infinite;*!*/
/*!*}*!*/

/*!*.floating-elements {*!*/
/*!*    position: absolute;*!*/
/*!*    top: 0;*!*/
/*!*    left: 0;*!*/
/*!*    right: 0;*!*/
/*!*    bottom: 0;*!*/
/*!*}*!*/

/*!*.floating-element {*!*/
/*!*    position: absolute;*!*/
/*!*    width: 8px;*!*/
/*!*    height: 8px;*!*/
/*!*    border-radius: 50%;*!*/
/*!*    opacity: 0.4;*!*/
/*!*    filter: blur(1px);*!*/
/*!*}*!*/

/*!*.element-1 {*!*/
/*!*    background: var(--trust-primary-400);*!*/
/*!*    top: 20%; left: 10%;*!*/
/*!*    animation: float-1 15s ease-in-out infinite;*!*/
/*!*}*!*/

/*!*.element-2 {*!*/
/*!*    background: var(--trust-success-400);*!*/
/*!*    top: 70%; left: 80%;*!*/
/*!*    animation: float-2 18s ease-in-out infinite;*!*/
/*!*}*!*/

/*!*.element-3 {*!*/
/*!*    background: var(--trust-accent-400);*!*/
/*!*    top: 30%; left: 70%;*!*/
/*!*    animation: float-3 12s ease-in-out infinite;*!*/
/*!*}*!*/

/*!*.element-4 {*!*/
/*!*    background: var(--trust-warning-400);*!*/
/*!*    top: 80%; left: 20%;*!*/
/*!*    animation: float-4 20s ease-in-out infinite;*!*/
/*!*}*!*/

/*!*.element-5 {*!*/
/*!*    background: var(--trust-primary-300);*!*/
/*!*    top: 15%; left: 60%;*!*/
/*!*    animation: float-5 16s ease-in-out infinite;*!*/
/*!*}*!*/

/*!*.element-6 {*!*/
/*!*    background: var(--trust-success-300);*!*/
/*!*    top: 60%; left: 15%;*!*/
/*!*    animation: float-6 14s ease-in-out infinite;*!*/
/*!*}*!*/

/*!*.element-7 {*!*/
/*!*    background: var(--trust-accent-300);*!*/
/*!*    top: 45%; left: 85%;*!*/
/*!*    animation: float-7 22s ease-in-out infinite;*!*/
/*!*}*!*/

/*!*.element-8 {*!*/
/*!*    background: var(--trust-warning-300);*!*/
/*!*    top: 85%; left: 50%;*!*/
/*!*    animation: float-8 19s ease-in-out infinite;*!*/
/*!*}*!*/

/*!*!* ===== ANIMATIONS ===== *!*!*/
/*!*@keyframes shimmer {*!*/
/*!*    0% { transform: translateX(-100%); }*!*/
/*!*    50% { transform: translateX(100%); }*!*/
/*!*    100% { transform: translateX(-100%); }*!*/
/*!*}*!*/

/*!*@keyframes pulse-ring {*!*/
/*!*    0% {*!*/
/*!*        transform: translate(-50%, -50%) scale(0.8);*!*/
/*!*        opacity: 1;*!*/
/*!*    }*!*/
/*!*    100% {*!*/
/*!*        transform: translate(-50%, -50%) scale(1.4);*!*/
/*!*        opacity: 0;*!*/
/*!*    }*!*/
/*!*}*!*/

/*!*@keyframes gradient-float {*!*/
/*!*    0%, 100% { transform: translate(0, 0) rotate(0deg); }*!*/
/*!*    33% { transform: translate(30px, -30px) rotate(120deg); }*!*/
/*!*    66% { transform: translate(-20px, 20px) rotate(240deg); }*!*/
/*!*}*!*/

/*!*@keyframes pattern-drift {*!*/
/*!*    0% { transform: translate(0, 0); }*!*/
/*!*    100% { transform: translate(50px, 50px); }*!*/
/*!*}*!*/

/*!*@keyframes float-1 {*!*/
/*!*    0%, 100% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0.4; }*!*/
/*!*    25% { transform: translateY(-20px) translateX(10px) scale(1.2); opacity: 0.7; }*!*/
/*!*    50% { transform: translateY(-10px) translateX(-15px) scale(0.8); opacity: 0.3; }*!*/
/*!*    75% { transform: translateY(-30px) translateX(20px) scale(1.1); opacity: 0.6; }*!*/
/*!*}*!*/

/*!*@keyframes float-2 {*!*/
/*!*    0%, 100% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0.5; }*!*/
/*!*    33% { transform: translateY(-25px) translateX(-20px) scale(1.3); opacity: 0.8; }*!*/
/*!*    66% { transform: translateY(15px) translateX(25px) scale(0.7); opacity: 0.3; }*!*/
/*!*}*!*/

/*!*@keyframes float-3 {*!*/
/*!*    0%, 100% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0.6; }*!*/
/*!*    40% { transform: translateY(-15px) translateX(-25px) scale(1.15); opacity: 0.9; }*!*/
/*!*    80% { transform: translateY(20px) translateX(15px) scale(0.85); opacity: 0.4; }*!*/
/*!*}*!*/

/*!*@keyframes float-4 {*!*/
/*!*    0%, 100% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0.4; }*!*/
/*!*    50% { transform: translateY(-35px) translateX(30px) scale(1.25); opacity: 0.8; }*!*/
/*!*}*!*/

/*!*@keyframes float-5 {*!*/
/*!*    0%, 100% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0.5; }*!*/
/*!*    30% { transform: translateY(25px) translateX(-30px) scale(0.9); opacity: 0.3; }*!*/
/*!*    70% { transform: translateY(-20px) translateX(35px) scale(1.1); opacity: 0.7; }*!*/
/*!*}*!*/

/*!*@keyframes float-6 {*!*/
/*!*    0%, 100% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0.6; }*!*/
/*!*    60% { transform: translateY(-40px) translateX(25px) scale(1.2); opacity: 0.9; }*!*/
/*!*}*!*/

/*!*@keyframes float-7 {*!*/
/*!*    0%, 100% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0.4; }*!*/
/*!*    25% { transform: translateY(20px) translateX(-25px) scale(0.8); opacity: 0.3; }*!*/
/*!*    75% { transform: translateY(-30px) translateX(40px) scale(1.3); opacity: 0.8; }*!*/
/*!*}*!*/

/*!*@keyframes float-8 {*!*/
/*!*    0%, 100% { transform: translateY(0px) translateX(0px) scale(1); opacity: 0.5; }*!*/
/*!*    45% { transform: translateY(-25px) translateX(-35px) scale(1.1); opacity: 0.7; }*!*/
/*!*    90% { transform: translateY(30px) translateX(20px) scale(0.9); opacity: 0.4; }*!*/
/*!*}*!*/

/*!*!* ===== RESPONSIVE DESIGN ===== *!*!*/
/*!*@media (max-width: 1200px) {*!*/
/*!*    .trust-badges-container {*!*/
/*!*        padding: 0 var(--trust-space-5);*!*/
/*!*    }*!*/

/*!*    .leadership-badges-grid,*!*/
/*!*    .stats-grid,*!*/
/*!*    .client-logos-grid,*!*/
/*!*    .certifications-grid {*!*/
/*!*        gap: var(--trust-space-6);*!*/
/*!*    }*!*/
/*!*}*!*/

/*!*@media (max-width: 1024px) {*!*/
/*!*    .trust-badges-section {*!*/
/*!*        padding: var(--trust-space-16) 0;*!*/
/*!*    }*!*/

/*!*    .trust-badges-content {*!*/
/*!*        gap: var(--trust-space-12);*!*/
/*!*    }*!*/

/*!*    .leadership-badges-grid {*!*/
/*!*        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));*!*/
/*!*    }*!*/

/*!*    .stats-grid {*!*/
/*!*        grid-template-columns: repeat(2, 1fr);*!*/
/*!*    }*!*/

/*!*    .client-logos-grid {*!*/
/*!*        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));*!*/
/*!*    }*!*/

/*!*    .trust-seal-card {*!*/
/*!*        flex-direction: column;*!*/
/*!*        text-align: center;*!*/
/*!*        gap: var(--trust-space-6);*!*/
/*!*    }*!*/

/*!*    .seal-badges {*!*/
/*!*        justify-content: center;*!*/
/*!*    }*!*/
/*!*}*!*/

/*!*@media (max-width: 768px) {*!*/
/*!*    .trust-badges-section {*!*/
/*!*        padding: var(--trust-space-12) 0;*!*/
/*!*    }*!*/

/*!*    .trust-badges-container {*!*/
/*!*        padding: 0 var(--trust-space-4);*!*/
/*!*    }*!*/

/*!*    .trust-badges-content {*!*/
/*!*        gap: var(--trust-space-10);*!*/
/*!*    }*!*/

/*!*    .trust-main-title {*!*/
/*!*        font-size: 2.25rem;*!*/
/*!*    }*!*/

/*!*    .trust-main-subtitle {*!*/
/*!*        font-size: 1.125rem;*!*/
/*!*    }*!*/

/*!*    .section-subtitle {*!*/
/*!*        font-size: 1.5rem;*!*/
/*!*        flex-direction: column;*!*/
/*!*        gap: var(--trust-space-2);*!*/
/*!*    }*!*/

/*!*    .leadership-badges-grid,*!*/
/*!*    .certifications-grid {*!*/
/*!*        grid-template-columns: 1fr;*!*/
/*!*        max-width: 500px;*!*/
/*!*        margin: 0 auto;*!*/
/*!*    }*!*/

/*!*    .stats-grid {*!*/
/*!*        grid-template-columns: 1fr;*!*/
/*!*        max-width: 400px;*!*/
/*!*        margin: 0 auto;*!*/
/*!*    }*!*/

/*!*    .client-logos-grid {*!*/
/*!*        grid-template-columns: 1fr;*!*/
/*!*        max-width: 400px;*!*/
/*!*        margin: 0 auto;*!*/
/*!*    }*!*/

/*!*    .stat-card,*!*/
/*!*    .client-card {*!*/
/*!*        flex-direction: column;*!*/
/*!*        text-align: center;*!*/
/*!*        gap: var(--trust-space-4);*!*/
/*!*    }*!*/

/*!*    .stat-icon-wrapper,*!*/
/*!*    .client-logo-container {*!*/
/*!*        margin: 0;*!*/
/*!*    }*!*/

/*!*    .leadership-badge,*!*/
/*!*    .certification-card {*!*/
/*!*        padding: var(--trust-space-8);*!*/
/*!*    }*!*/

/*!*    .trust-seal-card {*!*/
/*!*        padding: var(--trust-space-8);*!*/
/*!*    }*!*/

/*!*    .seal-icon-container {*!*/
/*!*        width: 80px;*!*/
/*!*        height: 80px;*!*/
/*!*    }*!*/
/*!*}*!*/

/*!*@media (max-width: 640px) {*!*/
/*!*    .trust-badges-section {*!*/
/*!*        padding: var(--trust-space-10) 0;*!*/
/*!*    }*!*/

/*!*    .trust-main-title {*!*/
/*!*        font-size: 2rem;*!*/
/*!*    }*!*/

/*!*    .trust-header-icon {*!*/
/*!*        width: 64px;*!*/
/*!*        height: 64px;*!*/
/*!*    }*!*/

/*!*    .badge-icon-wrapper {*!*/
/*!*        width: 72px;*!*/
/*!*        height: 72px;*!*/
/*!*    }*!*/

/*!*    .stat-value {*!*/
/*!*        font-size: 2rem;*!*/
/*!*    }*!*/

/*!*    .client-logo-container {*!*/
/*!*        width: 56px;*!*/
/*!*        height: 56px;*!*/
/*!*    }*!*/

/*!*    .client-logo-text {*!*/
/*!*        font-size: 1.5rem;*!*/
/*!*    }*!*/

/*!*    .cert-icon-wrapper {*!*/
/*!*        width: 80px;*!*/
/*!*        height: 80px;*!*/
/*!*    }*!*/

/*!*    .seal-icon-container {*!*/
/*!*        width: 72px;*!*/
/*!*        height: 72px;*!*/
/*!*    }*!*/

/*!*    .seal-title {*!*/
/*!*        font-size: 1.25rem;*!*/
/*!*    }*!*/

/*!*    .seal-description {*!*/
/*!*        font-size: 1rem;*!*/
/*!*    }*!*/

/*!*    .seal-badges {*!*/
/*!*        flex-direction: column;*!*/
/*!*        align-items: center;*!*/
/*!*    }*!*/
/*!*}*!*/

/*!*@media (max-width: 480px) {*!*/
/*!*    .trust-badges-container {*!*/
/*!*        padding: 0 var(--trust-space-3);*!*/
/*!*    }*!*/

/*!*    .trust-main-title {*!*/
/*!*        font-size: 1.875rem;*!*/
/*!*    }*!*/

/*!*    .leadership-badge,*!*/
/*!*    .certification-card {*!*/
/*!*        padding: var(--trust-space-6);*!*/
/*!*    }*!*/

/*!*    .stat-card,*!*/
/*!*    .client-card {*!*/
/*!*        padding: var(--trust-space-5);*!*/
/*!*    }*!*/

/*!*    .trust-seal-card {*!*/
/*!*        padding: var(--trust-space-6);*!*/
/*!*    }*!*/
/*!*}*!*/

/*!*!* ===== ACCESSIBILITY & PERFORMANCE ===== *!*!*/

/*!*!* Reduced Motion Support *!*!*/
/*!*@media (prefers-reduced-motion: reduce) {*!*/
/*!*    .trust-badges-section *,*!*/
/*!*    .bg-gradient-overlay,*!*/
/*!*    .bg-pattern-dots,*!*/
/*!*    .floating-element,*!*/
/*!*    .logo-shimmer-effect,*!*/
/*!*    .pulse-ring,*!*/
/*!*    .trust-header-icon,*!*/
/*!*    .icon-glow,*!*/
/*!*    .cert-glow-effect {*!*/
/*!*        animation: none !important;*!*/
/*!*        transition: opacity var(--trust-transition-base) !important;*!*/
/*!*    }*!*/

/*!*    .leadership-badge:hover,*!*/
/*!*    .stat-card:hover,*!*/
/*!*    .client-card:hover,*!*/
/*!*    .certification-card:hover,*!*/
/*!*    .trust-seal-card:hover {*!*/
/*!*        transform: none !important;*!*/
/*!*    }*!*/
/*!*}*!*/

/*!*!* High Contrast Mode *!*!*/
/*!*@media (prefers-contrast: high) {*!*/
/*!*    .trust-main-title,*!*/
/*!*    .stat-value {*!*/
/*!*        background: none !important;*!*/
/*!*        color: currentColor !important;*!*/
/*!*        -webkit-text-fill-color: currentColor !important;*!*/
/*!*    }*!*/

/*!*    .badge-icon-wrapper,*!*/
/*!*    .client-logo-container,*!*/
/*!*    .stat-icon-wrapper,*!*/
/*!*    .cert-icon-wrapper,*!*/
/*!*    .seal-icon-container {*!*/
/*!*        background: var(--trust-neutral-900) !important;*!*/
/*!*        border: 2px solid currentColor !important;*!*/
/*!*        box-shadow: none !important;*!*/
/*!*    }*!*/

/*!*    .leadership-badge,*!*/
/*!*    .stat-card,*!*/
/*!*    .client-card,*!*/
/*!*    .certification-card,*!*/
/*!*    .trust-seal-card {*!*/
/*!*        border: 2px solid currentColor !important;*!*/
/*!*        box-shadow: none !important;*!*/
/*!*        background: white !important;*!*/
/*!*    }*!*/

/*!*    .dark-theme .leadership-badge,*!*/
/*!*    .dark-theme .stat-card,*!*/
/*!*    .dark-theme .client-card,*!*/
/*!*    .dark-theme .certification-card,*!*/
/*!*    .dark-theme .trust-seal-card {*!*/
/*!*        background: var(--trust-neutral-900) !important;*!*/
/*!*        color: white !important;*!*/
/*!*    }*!*/
/*!*}*!*/

/*!*!* Print Styles *!*!*/
/*!*@media print {*!*/
/*!*    .trust-section-background,*!*/
/*!*    .floating-elements,*!*/
/*!*    .icon-glow,*!*/
/*!*    .cert-glow-effect,*!*/
/*!*    .pulse-ring,*!*/
/*!*    .logo-shimmer-effect {*!*/
/*!*        display: none !important;*!*/
/*!*    }*!*/

/*!*    .trust-badges-section {*!*/
/*!*        background: white !important;*!*/
/*!*        color: black !important;*!*/
/*!*        padding: 2rem 0 !important;*!*/
/*!*    }*!*/

/*!*    .leadership-badge,*!*/
/*!*    .stat-card,*!*/
/*!*    .client-card,*!*/
/*!*    .certification-card,*!*/
/*!*    .trust-seal-card {*!*/
/*!*        border: 1px solid #333 !important;*!*/
/*!*        background: white !important;*!*/
/*!*        box-shadow: none !important;*!*/
/*!*        break-inside: avoid;*!*/
/*!*        page-break-inside: avoid;*!*/
/*!*    }*!*/

/*!*    .trust-badges-content {*!*/
/*!*        gap: 1.5rem !important;*!*/
/*!*    }*!*/
/*!*}*!*/

/*!*!* Performance Optimizations *!*!*/
/*!*.trust-badges-section,*!*/
/*!*.leadership-badge,*!*/
/*!*.stat-card,*!*/
/*!*.client-card,*!*/
/*!*.certification-card,*!*/
/*!*.trust-seal-card {*!*/
/*!*    will-change: transform;*!*/
/*!*    transform: translateZ(0);*!*/
/*!*    backface-visibility: hidden;*!*/
/*!*    -webkit-backface-visibility: hidden;*!*/
/*!*}*!*/

/*!*!* Focus States for Accessibility *!*!*/
/*!*.leadership-badge:focus,*!*/
/*!*.stat-card:focus,*!*/
/*!*.client-card:focus,*!*/
/*!*.certification-card:focus,*!*/
/*!*.trust-seal-card:focus {*!*/
/*!*    outline: 2px solid var(--trust-primary-500);*!*/
/*!*    outline-offset: 2px;*!*/
/*!*}*!*/

/*!*.dark-theme .leadership-badge:focus,*!*/
/*!*.dark-theme .stat-card:focus,*!*/
/*!*.dark-theme .client-card:focus,*!*/
/*!*.dark-theme .certification-card:focus,*!*/
/*!*.dark-theme .trust-seal-card:focus {*!*/
/*!*    outline-color: var(--trust-primary-400);*!*/
/*!*}*!*/

/*!*!* Smooth Scrolling *!*!*/
/*!*@supports (scroll-behavior: smooth) {*!*/
/*!*    .trust-badges-section {*!*/
/*!*        scroll-behavior: smooth;*!*/
/*!*    }*!*/
/*!*}*!*/

/*!*!* CSS Grid Fallback *!*!*/
/*!*@supports not (display: grid) {*!*/
/*!*    .leadership-badges-grid,*!*/
/*!*    .stats-grid,*!*/
/*!*    .client-logos-grid,*!*/
/*!*    .certifications-grid {*!*/
/*!*        display: flex;*!*/
/*!*        flex-wrap: wrap;*!*/
/*!*        justify-content: center;*!*/
/*!*    }*!*/

/*!*    .leadership-badge,*!*/
/*!*    .stat-card,*!*/
/*!*    .client-card,*!*/
/*!*    .certification-card {*!*/
/*!*        flex: 1 1 300px;*!*/
/*!*        max-width: 400px;*!*/
/*!*    }*!*/
/*!*}*!*/

/*!*!* ===== DARK THEME ENHANCEMENTS ===== *!*!*/
/*!*.dark-theme {*!*/
/*!*    --trust-neutral-50: #1a2332;*!*/
/*!*    --trust-neutral-100: #233041;*!*/
/*!*    --trust-neutral-200: #2d3748;*!*/
/*!*    --trust-neutral-300: #4a5568;*!*/
/*!*    --trust-neutral-400: #718096;*!*/
/*!*    --trust-neutral-500: #a0aec0;*!*/
/*!*    --trust-neutral-600: #cbd5e0;*!*/
/*!*    --trust-neutral-700: #e2e8f0;*!*/
/*!*    --trust-neutral-800: #f7fafc;*!*/
/*!*    --trust-neutral-900: #ffffff;*!*/
/*!*}*!*/

/*!*.dark-theme .bg-gradient-overlay {*!*/
/*!*    background: radial-gradient(circle at 25% 75%, rgba(59, 130, 246, 0.1) 0%, transparent 50%),*!*/
/*!*    radial-gradient(circle at 75% 25%, rgba(139, 92, 246, 0.1) 0%, transparent 50%);*!*/
/*!*}*!*/

/*!*.dark-theme .bg-pattern-dots {*!*/
/*!*    background-image: radial-gradient(rgba(59, 130, 246, 0.2) 1px, transparent 1px);*!*/
/*!*}*!*/

/*!*!* ===== UTILITY CLASSES ===== *!*!*/
/*!*.sr-only {*!*/
/*!*    position: absolute;*!*/
/*!*    width: 1px;*!*/
/*!*    height: 1px;*!*/
/*!*    padding: 0;*!*/
/*!*    margin: -1px;*!*/
/*!*    overflow: hidden;*!*/
/*!*    clip: rect(0, 0, 0, 0);*!*/
/*!*    white-space: nowrap;*!*/
/*!*    border: 0;*!*/
/*!*}*!*/

/*!*.no-scroll {*!*/
/*!*    overflow: hidden;*!*/
/*!*}*!*/

/*!*.visually-hidden {*!*/
/*!*    position: absolute !important;*!*/
/*!*    width: 1px !important;*!*/
/*!*    height: 1px !important;*!*/
/*!*    overflow: hidden !important;*!*/
/*!*    clip: rect(1px, 1px, 1px, 1px) !important;*!*/
/*!*    white-space: nowrap !important;*!*/
/*!*}*!*/

/*!*!* ===== COMPONENT LOADING STATES ===== *!*!*/
/*!*.trust-badges-section.loading {*!*/
/*!*    opacity: 0.7;*!*/
/*!*    pointer-events: none;*!*/
/*!*}*!*/

/*!*.trust-badges-section.loading .leadership-badge,*!*/
/*!*.trust-badges-section.loading .stat-card,*!*/
/*!*.trust-badges-section.loading .client-card,*!*/
/*!*.trust-badges-section.loading .certification-card {*!*/
/*!*    animation: skeleton-loading 1.5s ease-in-out infinite alternate;*!*/
/*!*}*!*/

/*!*@keyframes skeleton-loading {*!*/
/*!*    0% { opacity: 0.7; }*!*/
/*!*    100% { opacity: 1; }*!*/
/*!*}*!*/

/*!*!* ===== ENHANCED HOVER STATES ===== *!*!*/
/*!*.leadership-badge,*!*/
/*!*.stat-card,*!*/
/*!*.client-card,*!*/
/*!*.certification-card {*!*/
/*!*    cursor: pointer;*!*/
/*!*    position: relative;*!*/
/*!*    overflow: hidden;*!*/
/*!*}*!*/

/*!*.leadership-badge::before,*!*/
/*!*.stat-card::before,*!*/
/*!*.client-card::before,*!*/
/*!*.certification-card::before {*!*/
/*!*    content: '';*!*/
/*!*    position: absolute;*!*/
/*!*    top: 0;*!*/
/*!*    left: -100%;*!*/
/*!*    width: 100%;*!*/
/*!*    height: 100%;*!*/
/*!*    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);*!*/
/*!*    transition: left 0.5s;*!*/
/*!*    z-index: 1;*!*/
/*!*}*!*/

/*!*.leadership-badge:hover::before,*!*/
/*!*.stat-card:hover::before,*!*/
/*!*.client-card:hover::before,*!*/
/*!*.certification-card:hover::before {*!*/
/*!*    left: 100%;*!*/
/*!*}*!*/

/*!*!* ===== FINAL OPTIMIZATIONS ===== *!*!*/
/*!*.trust-badges-section * {*!*/
/*!*    box-sizing: border-box;*!*/
/*!*}*!*/

/*!*.trust-badges-section img {*!*/
/*!*    max-width: 100%;*!*/
/*!*    height: auto;*!*/
/*!*}*!*/

/*!*.trust-badges-section button,*!*/
/*!*.trust-badges-section [role="button"] {*!*/
/*!*    cursor: pointer;*!*/
/*!*}*!*/

/*!*.trust-badges-section [aria-disabled="true"] {*!*/
/*!*    pointer-events: none;*!*/
/*!*    opacity: 0.6;*!*/
/*!*}*!*/

/*!*!* End of TrustBadgesSection.css *!*!*/


/*!* ================================================================= *!*/
/*!* TrustBadgesSection.css - Enhanced & Optimized Version           *!*/
/*!* ================================================================= *!*/

/*!* ===== IMPORTS ===== *!*/

/*!* ===== CSS CUSTOM PROPERTIES ===== *!*/
/*    !* Enhanced Color System *!*/

/*    !* Neutral Colors *!*/

/*    !* Dark Theme Colors *!*/

/*    !* Enhanced Gradients *!*/

/*    !* Typography *!*/

/*    !* Spacing System *!*/

/*    !* Border Radius *!*/

/*    !* Shadows *!*/

/*    !* Transitions *!*/

/*    !* Z-Index Scale *!*/

/*!* ===== BASE SECTION STYLES ===== *!*/

/*!* ===== CONTAINER & LAYOUT ===== *!*/

/*!* RTL Support *!*/

/*!* ===== SECTION HEADER ===== *!*/

/*!* Arabic Typography *!*/

/*!* ===== LEADERSHIP BADGES ===== *!*/

/*!* Dark Theme Leadership Badges *!*/

/*!* ===== QUICK STATS ===== *!*/

/*!* Dark Theme Stats *!*/

/*!* ===== SECTION SUBTITLES ===== *!*/

/*!* ===== CLIENT LOGOS ===== *!*/

/*!* Dark Theme Client Logos *!*/

/*!* ===== CERTIFICATIONS ===== *!*/

/*!* Dark Theme Certifications *!*/

/*!* ===== TRUST SEAL ===== *!*/

/*!* Dark Theme Trust Seal *!*/

/*!* ===== BACKGROUND ELEMENTS ===== *!*/

/*!* ===== ANIMATIONS ===== *!*/

/*!* ===== ADDITIONAL DARK THEME IMPROVEMENTS ===== *!*/

/*!* Enhanced icon visibility in dark mode *!*/

/*!* Enhanced glow effects for dark theme *!*/

/*!* Enhanced trust main title for dark mode *!*/

/*!* Enhanced client logo text *!*/

/*!* Enhanced backgrounds and patterns for dark mode *!*/

/*!* Enhanced floating elements for dark mode *!*/

/*!* Enhanced stat value in dark mode *!*/

/*!* Enhanced project counts and growth indicators *!*/

/*!* ===== RESPONSIVE DESIGN ===== *!*/

/*!* ===== ACCESSIBILITY & PERFORMANCE ===== *!*/

/*!* Reduced Motion Support *!*/

/*!* High Contrast Mode *!*/

/*!* Print Styles *!*/

/*!* Performance Optimizations *!*/

/*!* Focus States for Accessibility *!*/

/*!* Smooth Scrolling *!*/

/*!* CSS Grid Fallback *!*/

/*!* ===== DARK THEME ENHANCEMENTS ===== *!*/

/*!* ===== UTILITY CLASSES ===== *!*/

/*!* ===== COMPONENT LOADING STATES ===== *!*/

/*!* ===== ENHANCED HOVER STATES ===== *!*/

/*!* ===== FINAL OPTIMIZATIONS ===== *!*/

/*!* End of TrustBadgesSection.css *!*/.trust-badges-section{background:var(--bg-primary);isolation:isolate;min-height:100vh;overflow:hidden;padding:var(--space-20) 0;position:relative;transition:var(--transition-normal);width:100%}.trust-badges-container{margin:0 auto;max-width:1400px;padding:0 var(--space-6);position:relative;z-index:10}.trust-badges-content{display:flex;flex-direction:column;gap:var(--space-16)}.trust-badges-section.rtl{direction:rtl}.trust-badges-section.ltr{direction:ltr}.trust-section-header{margin:0 auto var(--space-16);max-width:800px;text-align:center}.trust-header-icon{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);color:#fff;display:inline-flex;height:80px;justify-content:center;margin-bottom:var(--space-6);overflow:hidden;position:relative;width:80px}.trust-header-icon:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}.trust-main-title{-webkit-text-fill-color:#0000;background:var(--gradient-text);background-clip:text;-webkit-background-clip:text;color:#0000;font-family:var(--font-primary);font-size:clamp(2.25rem,5vw,3.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:var(--space-4)}.trust-main-subtitle{color:var(--text-secondary);font-family:var(--font-primary);font-size:1.25rem;font-weight:400;line-height:1.6;margin:0 auto;max-width:700px}.trust-badges-section.rtl .trust-main-subtitle,.trust-badges-section.rtl .trust-main-title{font-family:var(--font-arabic)}.leadership-badges-section{width:100%}.leadership-badges-grid{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px}.leadership-badge{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-2xl);box-shadow:var(--card-shadow);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:var(--space-10);position:relative;transition:var(--transition-normal)}.leadership-badge:hover{background:var(--card-hover);box-shadow:var(--shadow-xl);transform:translateY(-8px)}.badge-primary{border-left:4px solid var(--primary-500)}.badge-success{border-left:4px solid var(--success-500)}.badge-accent{border-left:4px solid var(--accent-orange)}.badge-icon-wrapper{align-items:center;border-radius:var(--radius-2xl);display:flex;height:90px;justify-content:center;margin-bottom:var(--space-6);position:relative;transition:var(--transition-normal);width:90px}.icon-primary{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);color:var(--primary-500)}.icon-success{background:linear-gradient(135deg,#10b9811a,#10b9810d);color:var(--success-500)}.icon-accent{background:linear-gradient(135deg,#f973161a,#f973160d);color:var(--accent-orange)}.icon-glow{background:radial-gradient(circle,currentColor 0,#0000 70%);border-radius:var(--radius-2xl);height:120%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:var(--transition-normal);width:120%}.leadership-badge:hover .icon-glow{opacity:.1}.badge-content{flex-grow:1;text-align:center}.badge-title{color:var(--text-primary);font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:var(--space-3)}.badge-subtitle,.badge-title{font-family:var(--font-primary)}.badge-subtitle{color:var(--text-secondary);font-size:.95rem;font-weight:500;line-height:1.4}.badge-priority{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:#fff;display:flex;font-size:.875rem;font-weight:700;height:32px;justify-content:center;position:absolute;right:var(--space-4);top:var(--space-4);width:32px}.trust-badges-section.rtl .badge-priority{left:var(--space-4);right:auto}.quick-stats-section{width:100%}.stats-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px}.stat-card{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);box-shadow:var(--card-shadow);cursor:pointer;display:flex;overflow:hidden;padding:var(--space-8);position:relative;transition:var(--transition-normal)}.stat-card:hover{background:var(--card-hover);box-shadow:var(--shadow-xl);transform:translateY(-6px) scale(1.02)}.stat-primary{border-left:4px solid var(--primary-500)}.stat-success{border-left:4px solid var(--success-500)}.stat-accent,.stat-warning{border-left:4px solid var(--accent-orange)}.stat-icon-wrapper{align-items:center;background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border-radius:var(--radius-xl);color:var(--primary-500);display:flex;flex-shrink:0;height:64px;justify-content:center;margin-right:var(--space-6);transition:var(--transition-normal);width:64px}.trust-badges-section.rtl .stat-icon-wrapper{margin-left:var(--space-6);margin-right:0}.stat-content{flex-grow:1}.stat-value{-webkit-text-fill-color:#0000;background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;color:#0000;font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:var(--space-2)}.stat-label,.stat-value{font-family:var(--font-primary)}.stat-label{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:var(--space-1)}.stat-description{color:var(--text-secondary);font-family:var(--font-primary);font-size:.875rem;font-weight:400;margin-bottom:var(--space-2)}.stat-growth{align-items:center;background:#10b9811a;border-radius:var(--radius-full);color:var(--success-500);display:inline-flex;font-size:.75rem;font-weight:600;gap:var(--space-1);padding:var(--space-1) var(--space-2)}.section-subtitle{align-items:center;color:var(--text-primary);display:flex;font-family:var(--font-primary);font-size:1.75rem;font-weight:700;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-10);text-align:center}.subtitle-icon{color:var(--primary-500);transition:var(--transition-normal)}.client-logos-section{width:100%}.client-logos-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1200px}.client-card{align-items:center;border-radius:var(--radius-xl);box-shadow:var(--card-shadow);padding:var(--space-6);transition:var(--transition-normal)}.client-card:hover{background:var(--card-hover);box-shadow:var(--shadow-xl);transform:translateY(-6px)}.client-primary{border-left:3px solid var(--primary-500)}.client-success{border-left:3px solid var(--success-500)}.client-accent,.client-warning{border-left:3px solid var(--accent-orange)}.client-logo-container{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:72px;justify-content:center;margin-right:var(--space-6);overflow:hidden;position:relative;transition:var(--transition-normal);width:72px}.trust-badges-section.rtl .client-logo-container{margin-left:var(--space-6);margin-right:0}.logo-primary{background:var(--gradient-primary)}.logo-success{background:linear-gradient(135deg,var(--success-500) 0,#059669 100%)}.logo-accent,.logo-warning{background:linear-gradient(135deg,var(--accent-orange) 0,#d97706 100%)}.client-logo-text{color:#fff;font-family:var(--font-primary);font-size:1.75rem;font-weight:800;position:relative;z-index:2}.logo-shimmer-effect{animation:shimmer 4s ease-in-out infinite;background:linear-gradient(45deg,#0000,#fff3,#0000);height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}.client-info{flex-grow:1}.client-name{font-size:1.125rem;font-weight:700}.client-name,.client-sector{font-family:var(--font-primary)}.client-sector{font-size:.875rem;margin-bottom:var(--space-3)}.client-projects{background:#3b82f61a;border-radius:var(--radius-full);color:var(--primary-500);display:inline-flex;font-size:.75rem;font-weight:600;gap:var(--space-1);padding:var(--space-1) var(--space-3)}.certifications-section{width:100%}.certifications-grid{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px}.certification-card{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-2xl);box-shadow:var(--card-shadow);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:var(--space-10);position:relative;text-align:center;transition:var(--transition-normal)}.certification-card:hover{background:var(--card-hover);box-shadow:var(--shadow-xl);transform:translateY(-8px)}.cert-primary{border-top:4px solid var(--primary-500)}.cert-success{border-top:4px solid var(--success-500)}.cert-warning{border-top:4px solid var(--accent-orange)}.cert-icon-wrapper{align-items:center;background:linear-gradient(135deg,#3b82f61a,#3b82f60d);color:var(--primary-500);display:flex;height:100px;justify-content:center;margin-bottom:var(--space-8);position:relative;width:100px}.cert-glow-effect,.cert-icon-wrapper{border-radius:var(--radius-2xl);transition:var(--transition-normal)}.cert-glow-effect{background:radial-gradient(circle,currentColor 0,#0000 70%);height:130%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:130%}.certification-card:hover .cert-glow-effect{opacity:.1}.cert-content{flex-grow:1}.cert-title{color:var(--text-primary);font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:var(--space-4)}.cert-description,.cert-title{font-family:var(--font-primary)}.cert-description{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:var(--space-6)}.cert-badges{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-4)}.cert-badge{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-primary);font-size:.75rem;font-weight:600;padding:var(--space-1) var(--space-3)}.cert-level,.cert-validity{color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--space-2)}.cert-level,.cert-rating,.cert-validity{align-items:center;display:flex;gap:var(--space-2);justify-content:center}.cert-rating{color:var(--accent-orange);font-weight:600;margin-bottom:var(--space-3)}.cert-rating .filled{fill:currentColor}.reviews-count{color:var(--text-muted);font-weight:400}.cert-rating-section{margin-top:var(--space-4)}.cert-stats{display:flex;gap:var(--space-4);justify-content:center;margin-top:var(--space-3)}.stat-item{color:var(--text-secondary);font-size:.875rem;gap:var(--space-1)}.trust-seal-section{margin:0 auto;max-width:900px;width:100%}.trust-seal-card{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--card-bg);border:2px solid var(--primary-500);border-radius:var(--radius-3xl);box-shadow:var(--shadow-lg);display:flex;gap:var(--space-8);overflow:hidden;padding:var(--space-10);position:relative;transition:var(--transition-normal)}.trust-seal-card:hover{background:var(--card-hover);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.seal-icon-container{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);color:#fff;display:flex;flex-shrink:0;height:100px;justify-content:center;position:relative;width:100px}.seal-pulse-rings{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.pulse-ring{animation:pulse-ring 3s ease-out infinite;border:2px solid var(--primary-500);border-radius:var(--radius-full);opacity:0;position:absolute}.ring-1{animation-delay:0s;height:120px;width:120px}.ring-2{animation-delay:1s;height:140px;width:140px}.seal-content{flex-grow:1}.seal-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:var(--space-4)}.seal-description,.seal-title{font-family:var(--font-primary)}.seal-description{color:var(--text-secondary);font-size:1.125rem;line-height:1.6;margin-bottom:var(--space-6)}.seal-badges{display:flex;flex-wrap:wrap;gap:var(--space-3)}.seal-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.875rem;font-weight:600;gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:var(--transition-normal)}.seal-badge.primary{background:linear-gradient(135deg,var(--success-500),#059669);box-shadow:var(--shadow-md);color:#fff}.seal-badge.secondary{background:#3b82f61a;border:1px solid #3b82f633;color:var(--primary-500)}.seal-badge:hover{transform:translateY(-2px)}.trust-section-background{overflow:hidden;pointer-events:none;z-index:1}.bg-gradient-overlay,.trust-section-background{bottom:0;left:0;position:absolute;right:0;top:0}.bg-gradient-overlay{animation:gradient-float 20s ease-in-out infinite;background:radial-gradient(circle at 25% 75%,#3b82f60d 0,#0000 50%),radial-gradient(circle at 75% 25%,#f973160d 0,#0000 50%);opacity:.6}.bg-pattern-dots{animation:pattern-drift 30s linear infinite;background-image:radial-gradient(var(--primary-500) 1px,#0000 1px);background-size:50px 50px;opacity:.03}.bg-pattern-dots,.floating-elements{bottom:0;left:0;position:absolute;right:0;top:0}.floating-element{border-radius:50%;filter:blur(1px);height:8px;opacity:.4;position:absolute;width:8px}.element-1{animation:float-1 15s ease-in-out infinite;background:var(--primary-500);left:10%;top:20%}.element-2{animation:float-2 18s ease-in-out infinite;background:var(--success-500);left:80%;top:70%}.element-3{animation:float-3 12s ease-in-out infinite;left:70%;top:30%}.element-3,.element-4{background:var(--accent-orange)}.element-4{animation:float-4 20s ease-in-out infinite;left:20%;top:80%}.element-5{animation:float-5 16s ease-in-out infinite;background:var(--primary-500);left:60%;top:15%}.element-6{animation:float-6 14s ease-in-out infinite;background:var(--success-500);left:15%;top:60%}.element-7{animation:float-7 22s ease-in-out infinite;left:85%;top:45%}.element-7,.element-8{background:var(--accent-orange)}.element-8{animation:float-8 19s ease-in-out infinite;left:50%;top:85%}@keyframes pulse-ring{0%{opacity:1;transform:translate(-50%,-50%) scale(.8)}to{opacity:0;transform:translate(-50%,-50%) scale(1.4)}}@keyframes gradient-float{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}@keyframes pattern-drift{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes float-1{0%,to{opacity:.4;transform:translateY(0) translateX(0) scale(1)}25%{opacity:.7;transform:translateY(-20px) translateX(10px) scale(1.2)}50%{opacity:.3;transform:translateY(-10px) translateX(-15px) scale(.8)}75%{opacity:.6;transform:translateY(-30px) translateX(20px) scale(1.1)}}@keyframes float-2{0%,to{opacity:.5;transform:translateY(0) translateX(0) scale(1)}33%{opacity:.8;transform:translateY(-25px) translateX(-20px) scale(1.3)}66%{opacity:.3;transform:translateY(15px) translateX(25px) scale(.7)}}@keyframes float-3{0%,to{opacity:.6;transform:translateY(0) translateX(0) scale(1)}40%{opacity:.9;transform:translateY(-15px) translateX(-25px) scale(1.15)}80%{opacity:.4;transform:translateY(20px) translateX(15px) scale(.85)}}@keyframes float-4{0%,to{opacity:.4;transform:translateY(0) translateX(0) scale(1)}50%{opacity:.8;transform:translateY(-35px) translateX(30px) scale(1.25)}}@keyframes float-5{0%,to{opacity:.5;transform:translateY(0) translateX(0) scale(1)}30%{opacity:.3;transform:translateY(25px) translateX(-30px) scale(.9)}70%{opacity:.7;transform:translateY(-20px) translateX(35px) scale(1.1)}}@keyframes float-6{0%,to{opacity:.6;transform:translateY(0) translateX(0) scale(1)}60%{opacity:.9;transform:translateY(-40px) translateX(25px) scale(1.2)}}@keyframes float-7{0%,to{opacity:.4;transform:translateY(0) translateX(0) scale(1)}25%{opacity:.3;transform:translateY(20px) translateX(-25px) scale(.8)}75%{opacity:.8;transform:translateY(-30px) translateX(40px) scale(1.3)}}@keyframes float-8{0%,to{opacity:.5;transform:translateY(0) translateX(0) scale(1)}45%{opacity:.7;transform:translateY(-25px) translateX(-35px) scale(1.1)}90%{opacity:.4;transform:translateY(30px) translateX(20px) scale(.9)}}@media (max-width:1200px){.trust-badges-container{padding:0 var(--space-5)}.certifications-grid,.client-logos-grid,.leadership-badges-grid,.stats-grid{gap:var(--space-6)}}@media (max-width:1024px){.trust-badges-section{padding:var(--space-16) 0}.trust-badges-content{gap:var(--space-12)}.leadership-badges-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.stats-grid{grid-template-columns:repeat(2,1fr)}.client-logos-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.trust-seal-card{flex-direction:column;gap:var(--space-6);text-align:center}.seal-badges{justify-content:center}}@media (max-width:768px){.trust-badges-section{padding:var(--space-12) 0}.trust-badges-container{padding:0 var(--space-4)}.trust-badges-content{gap:var(--space-10)}.trust-main-title{font-size:2.25rem}.trust-main-subtitle{font-size:1.125rem}.section-subtitle{flex-direction:column;font-size:1.5rem;gap:var(--space-2)}.certifications-grid,.leadership-badges-grid{grid-template-columns:1fr;margin:0 auto;max-width:500px}.client-logos-grid,.stats-grid{grid-template-columns:1fr;margin:0 auto;max-width:400px}.client-card,.stat-card{flex-direction:column;gap:var(--space-4);text-align:center}.client-logo-container,.stat-icon-wrapper{margin:0}.certification-card,.leadership-badge,.trust-seal-card{padding:var(--space-8)}.seal-icon-container{height:80px;width:80px}}@media (max-width:640px){.trust-badges-section{padding:var(--space-10) 0}.trust-main-title{font-size:2rem}}.ai-animated-background{background:none!important;height:100vh!important;left:0;opacity:1;overflow:hidden;pointer-events:none;position:fixed!important;top:0;width:100vw!important;z-index:2}.ai-bg-layer{height:100%;left:0;position:absolute;top:0;width:100%}.ai-gradient-layer{animation:gradientFlow 25s ease-in-out infinite;background:linear-gradient(135deg,#3b82f60a,#1e3a8a0f 25%,#fb923c08 50%,#1e3a8a0f 75%,#3b82f60a)}@keyframes gradientFlow{0%,to{background:linear-gradient(135deg,#3b82f60a,#1e3a8a0f 25%,#fb923c08 50%,#1e3a8a0f 75%,#3b82f60a)}50%{background:linear-gradient(135deg,#fb923c0a,#3b82f60d 25%,#1e3a8a0a 50%,#3b82f60d 75%,#fb923c0a)}}.ai-floating-icons{height:100%;overflow:hidden;position:absolute;width:100%}.ai-icon{filter:drop-shadow(0 0 4px rgba(59,130,246,.1));opacity:0;pointer-events:none;position:absolute;will-change:transform,opacity}.ai-icon-brain{animation:floatBrain 20s ease-in-out infinite;color:#1e3a8aa6;filter:drop-shadow(0 0 8px rgba(30,58,138,.2));height:28px;width:28px}.ai-icon-network{animation:floatNetwork 24s ease-in-out infinite;color:#2563eb99;filter:drop-shadow(0 0 8px rgba(37,99,235,.25));height:32px;width:32px}.ai-icon-circuit{animation:floatCircuit 18s ease-in-out infinite;color:#fb923cb3;filter:drop-shadow(0 0 8px rgba(251,146,60,.3));height:24px;width:24px}.ai-icon-robot{animation:floatRobot 26s ease-in-out infinite;color:#1e3a8a9e;filter:drop-shadow(0 0 8px rgba(30,58,138,.2));height:30px;width:30px}.ai-icon-neural{animation:floatNeural 22s ease-in-out infinite;color:#2563eba6;filter:drop-shadow(0 0 8px rgba(37,99,235,.25));height:26px;width:26px}.ai-icon-chip{animation:floatChip 19s ease-in-out infinite;color:#fb923cad;filter:drop-shadow(0 0 8px rgba(251,146,60,.3));height:25px;width:25px}.ai-icon-deep{animation:floatDeep 23s ease-in-out infinite;color:#1e3a8a99;filter:drop-shadow(0 0 8px rgba(30,58,138,.2));height:29px;width:29px}.ai-icon-chat{animation:floatChat 21s ease-in-out infinite;color:#fb923ca8;filter:drop-shadow(0 0 8px rgba(251,146,60,.3));height:27px;width:27px}@keyframes floatBrain{0%{filter:drop-shadow(0 0 4px rgba(30,58,138,.1));opacity:0;transform:translate(-50px,100vh) rotate(0deg) scale(.6)}15%{filter:drop-shadow(0 0 12px rgba(30,58,138,.3));opacity:.8}50%{filter:drop-shadow(0 0 16px rgba(30,58,138,.4));opacity:1;transform:translate(50vw,45vh) rotate(180deg) scale(1)}85%{filter:drop-shadow(0 0 12px rgba(30,58,138,.3));opacity:.8}to{filter:drop-shadow(0 0 4px rgba(30,58,138,.1));opacity:0;transform:translate(105vw,-50px) rotate(1turn) scale(.6)}}@keyframes floatNetwork{0%{filter:drop-shadow(0 0 4px rgba(37,99,235,.1));opacity:0;transform:translate(105vw,75vh) rotate(0deg) scale(.5)}20%{filter:drop-shadow(0 0 14px rgba(37,99,235,.35));opacity:.9}50%{filter:drop-shadow(0 0 18px rgba(37,99,235,.45));opacity:1;transform:translate(25vw,35vh) rotate(-180deg) scale(.9)}80%{filter:drop-shadow(0 0 14px rgba(37,99,235,.35));opacity:.9}to{filter:drop-shadow(0 0 4px rgba(37,99,235,.1));opacity:0;transform:translate(-60px,-50px) rotate(-1turn) scale(.5)}}@keyframes floatCircuit{0%{filter:drop-shadow(0 0 4px rgba(251,146,60,.1));opacity:0;transform:translate(40vw,105vh) rotate(45deg) scale(.7)}25%{filter:drop-shadow(0 0 12px rgba(251,146,60,.4));opacity:.7}50%{filter:drop-shadow(0 0 16px rgba(251,146,60,.5));opacity:.9;transform:translate(75vw,25vh) rotate(225deg) scale(1.1)}75%{filter:drop-shadow(0 0 12px rgba(251,146,60,.4));opacity:.7}to{filter:drop-shadow(0 0 4px rgba(251,146,60,.1));opacity:0;transform:translate(110vw,-40px) rotate(405deg) scale(.7)}}@keyframes floatRobot{0%{filter:drop-shadow(0 0 4px rgba(30,58,138,.1));opacity:0;transform:translate(-60px,15vh) rotate(-30deg) scale(.6)}18%{filter:drop-shadow(0 0 12px rgba(30,58,138,.3));opacity:.9}50%{filter:drop-shadow(0 0 16px rgba(30,58,138,.4));opacity:1;transform:translate(65vw,65vh) rotate(120deg) scale(.95)}82%{filter:drop-shadow(0 0 12px rgba(30,58,138,.3));opacity:.9}to{filter:drop-shadow(0 0 4px rgba(30,58,138,.1));opacity:0;transform:translate(115vw,85vh) rotate(270deg) scale(.6)}}@keyframes floatNeural{0%{filter:drop-shadow(0 0 4px rgba(37,99,235,.1));opacity:0;transform:translate(85vw,-60px) rotate(60deg) scale(.65)}22%{filter:drop-shadow(0 0 14px rgba(37,99,235,.35));opacity:.8}50%{filter:drop-shadow(0 0 18px rgba(37,99,235,.45));opacity:1;transform:translate(15vw,70vh) rotate(240deg) scale(1)}78%{filter:drop-shadow(0 0 14px rgba(37,99,235,.35));opacity:.8}to{filter:drop-shadow(0 0 4px rgba(37,99,235,.1));opacity:0;transform:translate(-70px,110vh) rotate(420deg) scale(.65)}}@keyframes floatChip{0%{filter:drop-shadow(0 0 4px rgba(251,146,60,.1));opacity:0;transform:translate(110vw,55vh) rotate(0deg) scale(.8)}30%{filter:drop-shadow(0 0 12px rgba(251,146,60,.4));opacity:.9}50%{filter:drop-shadow(0 0 16px rgba(251,146,60,.5));opacity:1;transform:translate(35vw,15vh) rotate(180deg) scale(1.2)}70%{filter:drop-shadow(0 0 12px rgba(251,146,60,.4));opacity:.9}to{filter:drop-shadow(0 0 4px rgba(251,146,60,.1));opacity:0;transform:translate(-80px,75vh) rotate(1turn) scale(.8)}}@keyframes floatDeep{0%{filter:drop-shadow(0 0 4px rgba(30,58,138,.1));opacity:0;transform:translate(20vw,108vh) rotate(0deg) scale(.55)}20%{filter:drop-shadow(0 0 14px rgba(30,58,138,.4));opacity:1}50%{filter:drop-shadow(0 0 20px rgba(30,58,138,.5));opacity:1;transform:translate(80vw,18vh) rotate(270deg) scale(1.1)}80%{filter:drop-shadow(0 0 14px rgba(30,58,138,.4));opacity:1}to{filter:drop-shadow(0 0 4px rgba(30,58,138,.1));opacity:0;transform:translate(125vw,-60px) rotate(540deg) scale(.55)}}@keyframes floatChat{0%{filter:drop-shadow(0 0 4px rgba(251,146,60,.1));opacity:0;transform:translate(-80px,35vh) rotate(-20deg) scale(.65)}25%{filter:drop-shadow(0 0 12px rgba(251,146,60,.4));opacity:.9}50%{filter:drop-shadow(0 0 16px rgba(251,146,60,.5));opacity:1;transform:translate(55vw,78vh) rotate(140deg) scale(1.05)}75%{filter:drop-shadow(0 0 12px rgba(251,146,60,.4));opacity:.9}to{filter:drop-shadow(0 0 4px rgba(251,146,60,.1));opacity:0;transform:translate(118vw,8vh) rotate(320deg) scale(.65)}}.ai-static-icons{height:100%;opacity:.025;position:absolute;width:100%}.ai-static-icon{animation:staticPulse 12s ease-in-out infinite;color:#3b82f666;filter:drop-shadow(0 0 6px rgba(59,130,246,.15));position:absolute}.static-icon-1{animation-delay:0s;height:60px;left:18%;top:12%;width:60px}.static-icon-2{animation-delay:3s;height:50px;right:22%;top:68%;width:50px}.static-icon-3{animation-delay:6s;bottom:25%;height:45px;left:28%;width:45px}.static-icon-4{animation-delay:9s;height:55px;right:15%;top:35%;width:55px}@keyframes staticPulse{0%,to{filter:drop-shadow(0 0 4px rgba(59,130,246,.1));opacity:.025;transform:scale(1) rotate(0deg)}50%{filter:drop-shadow(0 0 10px rgba(59,130,246,.25));opacity:.06;transform:scale(1.05) rotate(2deg)}}.ai-connection-lines{height:100%;overflow:hidden;position:absolute;width:100%}.connection-line{animation:connectionFlow 15s ease-in-out infinite;background:linear-gradient(90deg,#0000,#3b82f640 20%,#3b82f699 50%,#3b82f640 80%,#0000);box-shadow:0 0 4px #3b82f64d;height:.8px;opacity:0;position:absolute}.line-1{animation-delay:0s;top:25%;transform:rotate(8deg);width:200px}.line-2{animation-delay:5s;top:60%;transform:rotate(-12deg);width:180px}.line-3{animation-delay:10s;top:80%;transform:rotate(6deg);width:220px}@keyframes connectionFlow{0%{box-shadow:0 0 2px #3b82f61a;left:-100%;opacity:0}15%{box-shadow:0 0 8px #3b82f666;opacity:.7}50%{box-shadow:0 0 12px #3b82f699;opacity:1}85%{box-shadow:0 0 8px #3b82f666;opacity:.7}to{box-shadow:0 0 2px #3b82f61a;left:100%;opacity:0}}.ai-data-points{height:100%;position:absolute;width:100%}.data-point{animation:dataFlow 12s ease-in-out infinite;background:#3b82f6cc;border-radius:50%;box-shadow:0 0 8px #3b82f680;height:3px;opacity:0;position:absolute;width:3px}.point-1{animation-delay:0s}.point-2{animation-delay:2s}.point-3{animation-delay:4s}@keyframes dataFlow{0%,to{box-shadow:0 0 4px #3b82f633;opacity:0;transform:translateY(100vh) scale(.3)}15%{box-shadow:0 0 12px #3b82f699;opacity:.9}50%{box-shadow:0 0 16px #3b82f6cc;opacity:1;transform:translate(50vw,50vh) scale(1.2)}85%{box-shadow:0 0 12px #3b82f699;opacity:.9}}.ai-energy-waves{animation:energyWave 18s ease-in-out infinite;background:radial-gradient(circle at 25% 75%,#3b82f60a 0,#3b82f605 30%,#0000 50%),radial-gradient(circle at 75% 25%,#fb923c08 0,rgba(251,146,60,.015) 30%,#0000 50%);height:100%;position:absolute;width:100%}@keyframes energyWave{0%,to{opacity:.5;transform:scale(1) rotate(0deg)}50%{opacity:.8;transform:scale(1.08) rotate(1deg)}}@media (max-width:1024px){.ai-icon-brain,.ai-icon-robot{height:24px;width:24px}.ai-icon-network{height:28px;width:28px}.ai-icon-chat,.ai-icon-chip,.ai-icon-circuit,.ai-icon-deep,.ai-icon-neural{height:22px;width:22px}.static-icon-1,.static-icon-2,.static-icon-3,.static-icon-4{height:40px;width:40px}}@media (max-width:768px){.ai-floating-icons{opacity:.7}.ai-static-icons{opacity:.01}.ai-energy-waves{display:none}.ai-connection-lines{opacity:.5}}@media (max-width:480px){.ai-animated-background{opacity:.6}.ai-icon{filter:none}.static-icon-3,.static-icon-4{display:none}}body.dark-theme .ai-icon-brain,body.dark-theme .ai-icon-deep,body.dark-theme .ai-icon-robot,body.dark-theme .ai-static-icon{color:#94a3b8b3;filter:drop-shadow(0 0 10px rgba(148,163,184,.3))}body.dark-theme .ai-icon-network,body.dark-theme .ai-icon-neural{color:#64748ba6;filter:drop-shadow(0 0 10px rgba(100,116,139,.35))}body.dark-theme .ai-icon-chat,body.dark-theme .ai-icon-chip,body.dark-theme .ai-icon-circuit{color:#fb923cb3;filter:drop-shadow(0 0 10px rgba(251,146,60,.4))}body.dark-theme .ai-gradient-layer{background:linear-gradient(135deg,#1e3a8a1f,#0f172a2e 25%,#fb923c14 50%,#0f172a2e 75%,#1e3a8a1f)}@media (prefers-reduced-motion:reduce){.ai-animated-background *{animation:none!important;transform:none!important}.ai-floating-icons{display:none}.ai-static-icons{opacity:.02}}.ai-icon{backface-visibility:hidden;-webkit-backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}.ai-animated-background{contain:layout style paint;transform:translateZ(0)}.ai-connection-lines,.ai-data-points,.ai-floating-icons,.ai-static-icons{transform:translateZ(0);will-change:transform,opacity}.pridea-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);height:72px;position:-webkit-sticky;position:sticky;top:0;transition:var(--transition-normal);width:100%;will-change:transform,opacity;z-index:var(--z-sticky)}.pridea-header-bg{background:var(--header-bg);border-bottom:1px solid var(--header-border);inset:0;overflow:hidden;position:absolute}.pridea-header-bg:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);content:"";inset:0;opacity:.5;position:absolute}.pridea-header.pridea-scrolled{box-shadow:var(--shadow-md);height:64px}.pridea-header.pridea-scrolled .pridea-header-bg{backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px)}.pridea-header.pridea-hidden{transform:translateY(-100%)}.pridea-header-container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1440px;padding:0 var(--space-6);position:relative}.pridea-header-left{align-items:center;display:flex;flex:1 1;gap:var(--space-6)}.pridea-header-right{align-items:center;display:flex;gap:var(--space-3)}.pridea-logo{align-items:center;display:flex;overflow:hidden;padding:var(--space-2);position:relative;text-decoration:none}.pridea-logo,.pridea-logo:before{border-radius:var(--radius-lg);transition:var(--transition-normal)}.pridea-logo:before{background:var(--gradient-primary);content:"";inset:0;opacity:0;position:absolute}.pridea-logo:hover:before{opacity:.1}.pridea-logo:hover{transform:translateY(-2px)}.pridea-logo-container{align-items:center;display:flex;gap:var(--space-3)}.pridea-logo-icon{align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);display:flex;height:48px;justify-content:center;overflow:hidden;padding:var(--space-2);width:48px}.logo-image,.pridea-logo-icon{transition:var(--transition-normal)}.logo-image{height:32px;object-fit:contain;position:relative;width:32px;z-index:2}.pridea-logo:hover .logo-image{transform:scale(1.1) rotate(5deg)}.pridea-logo-text-container{display:flex;flex-direction:column;gap:var(--space-1)}.pridea-logo-text{-webkit-text-fill-color:#0000;animation:gradient-shift 4s ease-in-out infinite;background:var(--gradient-text);background-clip:text;-webkit-background-clip:text;background-size:200% 200%;font-family:var(--font-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:-.025em;line-height:1;transition:var(--transition-normal)}body.lang-ar .pridea-logo-text{font-family:var(--font-arabic);font-size:var(--font-size-2xl)}.pridea-logo:hover .pridea-logo-text{transform:translateY(-1px)}.pridea-logo-tagline{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.1em;opacity:.8;text-transform:uppercase;transition:var(--transition-normal)}.pridea-logo:hover .pridea-logo-tagline{color:var(--accent-orange);opacity:1}.pridea-main-nav{-webkit-margin-end:var(--space-4);margin-inline-end:var(--space-4)}.pridea-nav-links{display:flex;gap:var(--space-2);list-style:none;margin:0;padding:0}.pridea-nav-item{position:relative}.pridea-nav-link{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-lg);color:var(--header-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-right:0;overflow:hidden;padding:var(--space-3) var(--space-4);text-decoration:none;transition:var(--transition-normal)}.nav-link-content,.pridea-nav-link{align-items:center;display:flex;gap:var(--space-2);position:relative}.nav-link-content{z-index:2}.nav-bg-effect{background:var(--gradient-primary);border-radius:var(--radius-lg);inset:0;opacity:0;position:absolute;transition:var(--transition-normal)}.pridea-nav-link:hover .nav-bg-effect{opacity:.1}.pridea-nav-link:hover{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-md);color:var(--accent-orange);transform:translateY(-2px)}.nav-icon{height:16px;transition:var(--transition-normal);width:16px}.pridea-nav-link:hover .nav-icon{transform:scale(1.1) rotate(5deg)}.pridea-nav-link.active{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-sm);color:var(--accent-orange)}.pridea-controls-section{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-2)}.pridea-controls-section,.pridea-language-toggle{align-items:center;display:flex;gap:var(--space-2)}.pridea-language-toggle{background:#0000;border:1px solid var(--card-border);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);overflow:hidden;padding:var(--space-2) var(--space-3);position:relative}.pridea-language-toggle,.pridea-language-toggle:before{border-radius:var(--radius-md);transition:var(--transition-normal)}.pridea-language-toggle:before{background:var(--gradient-primary);content:"";inset:0;opacity:0;position:absolute}.pridea-language-toggle:hover:before{opacity:.1}.pridea-language-toggle:hover{border-color:var(--accent-orange);box-shadow:var(--shadow-md);color:var(--accent-orange);transform:translateY(-1px)}.language-icon{height:14px;transition:var(--transition-normal);width:14px}.pridea-language-toggle:hover .language-icon{transform:rotate(180deg)}.language-text{font-weight:var(--font-weight-semibold);position:relative;z-index:1}.pridea-theme-toggle{align-items:center;background:#0000;border:1px solid var(--card-border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;height:36px;justify-content:center;min-width:36px;overflow:hidden;position:relative;transition:var(--transition-normal)}.pridea-theme-toggle.main-theme-control{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--card-bg);box-shadow:var(--shadow-sm)}.pridea-theme-toggle:before{background:var(--gradient-primary);border-radius:var(--radius-md);content:"";inset:0;opacity:0;position:absolute;transition:var(--transition-normal)}.pridea-theme-toggle:hover:before{opacity:.1}.pridea-theme-toggle:hover{border-color:var(--accent-orange);box-shadow:var(--shadow-md);transform:translateY(-1px)}.theme-icon-container{height:100%;width:100%}.theme-icon-container,.theme-icon-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.theme-icon-wrapper{transition:all .5s cubic-bezier(.68,-.55,.265,1.55);z-index:2}.moon-icon,.sun-icon{color:var(--text-primary);height:18px;transition:var(--transition-normal);width:18px}.pridea-theme-toggle:hover .moon-icon,.pridea-theme-toggle:hover .sun-icon{color:var(--accent-orange);transform:rotate(15deg) scale(1.1)}.pridea-theme-toggle.dark-mode .theme-icon-wrapper{transform:rotate(180deg)}.theme-status-indicator{animation:theme-pulse 2s ease-in-out infinite;background:var(--accent-orange);border-radius:50%;box-shadow:0 0 6px var(--accent-orange);height:6px;position:absolute;right:-2px;top:-2px;transition:var(--transition-normal);width:6px;z-index:3}@keyframes theme-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.theme-status-text{color:var(--text-secondary);display:none;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-left:var(--space-2)}.pridea-mobile-menu-toggle{align-items:center;background:var(--card-bg);border:1px solid var(--card-border);cursor:pointer;display:none;height:44px;justify-content:center;overflow:hidden;position:relative;width:44px;z-index:calc(var(--z-sticky) + 1)}.pridea-mobile-menu-toggle,.pridea-mobile-menu-toggle:before{border-radius:var(--radius-lg);transition:var(--transition-normal)}.pridea-mobile-menu-toggle:before{background:var(--gradient-primary);content:"";inset:0;opacity:0;position:absolute}.pridea-mobile-menu-toggle:hover:before{opacity:.1}.pridea-mobile-menu-toggle:hover{border-color:var(--accent-orange);box-shadow:var(--shadow-md);transform:translateY(-2px)}.burger-container{height:16px;position:relative;width:20px;z-index:1}.burger-line{background:var(--text-primary);border-radius:2px;height:2px;position:absolute;transform-origin:center;transition:var(--transition-normal);width:100%}.burger-line-1{top:0}.burger-line-2{top:50%;transform:translateY(-50%)}.burger-line-3{bottom:0}.pridea-mobile-menu-toggle.active .burger-line-1{background:var(--accent-orange);transform:rotate(45deg) translate(4px,4px)}.pridea-mobile-menu-toggle.active .burger-line-2{opacity:0;transform:translateY(-50%) scale(0)}.pridea-mobile-menu-toggle.active .burger-line-3{background:var(--accent-orange);transform:rotate(-45deg) translate(4px,-4px)}@media (max-width:768px){.pridea-header{height:60px}.pridea-header.pridea-scrolled{height:56px}.pridea-header-container{padding:0 var(--space-4)}.pridea-mobile-menu-toggle{display:flex}.pridea-main-nav{display:none}.pridea-header-right{align-items:stretch;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);background:var(--header-bg);border-left:1px solid var(--header-border);box-shadow:var(--shadow-xl);flex-direction:column;height:100vh;justify-content:flex-start;overflow-y:auto;padding:4rem var(--space-4) var(--space-4);position:fixed;right:-100%;top:0;transition:right .4s cubic-bezier(.4,0,.2,1);width:300px;z-index:var(--z-sticky)}.pridea-header-right.mobile-open{right:0}body.lang-ar .pridea-header-right{border-left:none;border-right:1px solid var(--header-border);left:-100%;right:auto;transition:left .4s cubic-bezier(.4,0,.2,1)}body.lang-ar .pridea-header-right.mobile-open{left:0}.pridea-main-nav{-webkit-margin-end:0;display:block;margin-inline-end:0;margin-bottom:var(--space-6);width:100%}.pridea-nav-links{flex-direction:column;gap:var(--space-3);width:100%}.pridea-nav-item{width:100%}.pridea-nav-link{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--card-bg);border:1px solid var(--card-border);justify-content:flex-start;padding:var(--space-3) var(--space-4);width:100%}.pridea-nav-link:hover{transform:translateX(.5rem)}body.lang-ar .pridea-nav-link:hover{transform:translateX(-.5rem)}.pridea-controls-section{background:#0000;border:none;box-shadow:none;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4);padding:0;width:100%}.pridea-language-toggle{font-size:var(--font-size-base);justify-content:center;padding:var(--space-3) var(--space-4)}.pridea-language-toggle,.pridea-theme-toggle{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--card-bg);width:100%}.pridea-theme-toggle{gap:var(--space-3);height:48px;justify-content:flex-start;padding:0 var(--space-4)}.theme-status-text{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.theme-status-indicator{display:none}}@media (max-width:480px){.pridea-header{height:56px}.pridea-header.pridea-scrolled{height:52px}.pridea-header-container{padding:0 var(--space-3)}.pridea-logo-icon{height:40px;width:40px}.logo-image{height:24px;width:24px}.pridea-logo-text{font-size:var(--font-size-lg)}body.lang-ar .pridea-logo-text{font-size:var(--font-size-xl)}.pridea-logo-tagline{display:none}.pridea-header-right{width:85%}.pridea-mobile-menu-toggle{height:40px;width:40px}}.pridea-mobile-overlay{animation:overlay-fade-in .3s cubic-bezier(.4,0,.2,1) forwards;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;inset:0;opacity:0;position:fixed;z-index:calc(var(--z-sticky) - 1)}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.pridea-header,.pridea-language-toggle,.pridea-mobile-menu-toggle,.pridea-nav-link,.pridea-theme-toggle{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);will-change:transform,opacity}@media (prefers-reduced-motion:reduce){.gradient-shift,.theme-pulse{animation:none!important}.pridea-language-toggle:hover,.pridea-mobile-menu-toggle:hover,.pridea-nav-link:hover,.pridea-theme-toggle:hover{transform:none!important}}.pridea-language-toggle:focus-visible,.pridea-mobile-menu-toggle:focus-visible,.pridea-nav-link:focus-visible,.pridea-theme-toggle:focus-visible{box-shadow:0 0 0 4px #f9731633;outline:2px solid var(--accent-orange);outline-offset:2px}@media print{.pridea-header{background:#fff!important;box-shadow:none;height:auto!important;position:static}.pridea-header-bg,.pridea-mobile-menu-toggle,.pridea-theme-toggle{display:none}.pridea-logo-text{-webkit-text-fill-color:#000!important}.pridea-logo-text,.pridea-nav-link{background:none!important;color:#000!important}}@supports (padding:max(0px)){.pridea-header-container{padding-left:max(var(--space-6),env(safe-area-inset-left));padding-right:max(var(--space-6),env(safe-area-inset-right))}@media (max-width:768px){.pridea-header-container{padding-left:max(var(--space-4),env(safe-area-inset-left));padding-right:max(var(--space-4),env(safe-area-inset-right))}}}.pridea-header-right::-webkit-scrollbar{width:4px}.pridea-header-right::-webkit-scrollbar-track{background:#0000}.pridea-header-right::-webkit-scrollbar-thumb{background:var(--accent-orange);border-radius:2px;opacity:.5}.pridea-logo-container{transition:var(--transition-normal)}.pridea-logo:hover .pridea-logo-container{transform:scale(1.02)}.pridea-nav-links{align-items:center}.pridea-controls-section>*{flex-shrink:0}@media (max-width:320px){.pridea-logo-text-container{display:none}.pridea-logo-icon{height:36px;width:36px}.logo-image{height:20px;width:20px}}@media (max-width:768px){.pridea-logo-icon{align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;height:44px;justify-content:center;padding:var(--space-2);width:44px}.logo-image{height:28px;object-fit:contain;width:28px}.pridea-logo-container{align-items:center;gap:var(--space-3)}.pridea-logo-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}body.lang-ar .pridea-logo-text{font-size:var(--font-size-xl)}.pridea-language-toggle{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--space-3);justify-content:center;min-height:48px;padding:var(--space-3) var(--space-4);transition:var(--transition-normal);width:100%}.pridea-language-toggle:hover{background:var(--card-hover);border-color:var(--accent-orange);box-shadow:var(--shadow-md);transform:translateX(var(--space-1))}body.lang-ar .pridea-language-toggle:hover{transform:translateX(calc(var(--space-1)*-1))}.language-icon{flex-shrink:0;height:18px;width:18px}.language-text{font-weight:var(--font-weight-semibold);letter-spacing:.025em}.pridea-theme-toggle{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-3);justify-content:flex-start;min-height:48px;padding:var(--space-3) var(--space-4);transition:var(--transition-normal);width:100%}.pridea-theme-toggle:hover{background:var(--card-hover);border-color:var(--accent-orange);box-shadow:var(--shadow-md);transform:translateX(var(--space-1))}body.lang-ar .pridea-theme-toggle:hover{transform:translateX(calc(var(--space-1)*-1))}.theme-icon-container{flex-shrink:0;height:24px;position:relative;width:24px}.theme-icon-container,.theme-icon-wrapper{align-items:center;display:flex;justify-content:center}.theme-icon-wrapper{height:100%;width:100%}.moon-icon,.sun-icon{color:var(--text-primary);height:20px;width:20px}.theme-status-text{color:var(--text-primary);display:block;flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-align:left}body.lang-ar .theme-status-text{font-family:var(--font-arabic);text-align:right}.theme-status-indicator{display:none}.pridea-mobile-menu-toggle{align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;height:48px;justify-content:center;overflow:hidden;padding:var(--space-2);position:relative;transition:var(--transition-normal);width:48px}.pridea-mobile-menu-toggle:hover{transform:translateY(-2px)}.pridea-mobile-menu-toggle.active,.pridea-mobile-menu-toggle:hover{background:var(--card-hover);border-color:var(--accent-orange);box-shadow:var(--shadow-md)}.burger-container{display:flex;flex-direction:column;height:18px;justify-content:space-between;position:relative;width:24px}.burger-line{background:var(--text-primary);border-radius:1px;height:2px;transform-origin:center;transition:var(--transition-normal);width:100%}.pridea-mobile-menu-toggle.active .burger-line-1{background:var(--accent-orange);transform:rotate(45deg) translate(6px,6px)}.pridea-mobile-menu-toggle.active .burger-line-2{opacity:0;transform:scale(0)}.pridea-mobile-menu-toggle.active .burger-line-3{background:var(--accent-orange);transform:rotate(-45deg) translate(6px,-6px)}.pridea-nav-link{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-primary);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--space-3);justify-content:flex-start;min-height:52px;padding:var(--space-3) var(--space-4);text-decoration:none;transition:var(--transition-normal);width:100%}.pridea-nav-link:hover{background:var(--card-hover);border-color:var(--accent-orange);box-shadow:var(--shadow-md);color:var(--accent-orange);transform:translateX(var(--space-2))}body.lang-ar .pridea-nav-link:hover{transform:translateX(calc(var(--space-2)*-1))}.pridea-nav-link.active{background:var(--card-hover);border-color:var(--accent-orange);box-shadow:var(--shadow-md);color:var(--accent-orange)}.nav-icon-container{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.nav-icon{height:20px;width:20px}.nav-text{flex:1 1;font-weight:var(--font-weight-medium);text-align:left}body.lang-ar .nav-text{font-family:var(--font-arabic);text-align:right}.pridea-controls-section{background:#0000;border:none;box-shadow:none;display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-6);padding:0;width:100%}}@media (max-width:480px){.pridea-header{height:58px}.pridea-header.pridea-scrolled{height:54px}.pridea-header-container{gap:var(--space-2);padding:0 var(--space-3)}.pridea-logo-icon{height:42px;padding:var(--space-2);width:42px}.logo-image{height:26px;width:26px}.pridea-logo-text{font-size:var(--font-size-base)}body.lang-ar .pridea-logo-text{font-size:var(--font-size-lg)}.pridea-mobile-menu-toggle{height:44px;padding:var(--space-2);width:44px}.burger-container{height:16px;width:20px}.pridea-header-right{padding:3.5rem var(--space-3) var(--space-3);width:90%}.pridea-nav-link{font-size:var(--font-size-sm);min-height:48px;padding:var(--space-3)}.pridea-language-toggle,.pridea-theme-toggle{min-height:44px;padding:var(--space-2) var(--space-3)}}@media (max-width:320px){.pridea-header{height:54px}.pridea-header.pridea-scrolled{height:50px}.pridea-header-container{padding:0 var(--space-2)}.pridea-logo-text-container{display:none}.pridea-logo-icon{height:38px;padding:var(--space-1);width:38px}.logo-image{height:22px;width:22px}.pridea-mobile-menu-toggle{height:40px;width:40px}.burger-container{height:14px;width:18px}.pridea-header-right{width:95%}}@media (max-width:768px){.pridea-language-toggle,.pridea-mobile-menu-toggle,.pridea-nav-link,.pridea-theme-toggle{-webkit-tap-highlight-color:transparent;cursor:pointer;touch-action:manipulation}.pridea-nav-links{gap:var(--space-3);margin-bottom:var(--space-2)}.pridea-main-nav{margin-bottom:var(--space-6)}.pridea-mobile-overlay{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009}.pridea-header-right{transition:right .35s cubic-bezier(.4,0,.2,1)}body.lang-ar .pridea-header-right{transition:left .35s cubic-bezier(.4,0,.2,1)}}body.lang-ar{.pridea-controls-section{direction:rtl}.pridea-language-toggle,.pridea-nav-link,.pridea-theme-toggle{direction:rtl;text-align:right}.nav-icon-container{order:2}.nav-text{order:1}.theme-icon-container{order:2}.theme-status-text{order:1}.language-icon-container{order:2}.language-text{order:1}}.pridea-auth-buttons,.pridea-auth-section{align-items:center;display:flex;gap:var(--space-2)}.pridea-auth-buttons{gap:var(--space-2)}.pridea-login-btn,.pridea-register-btn{align-items:center;background:#0000;border:1px solid var(--card-border);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);justify-content:center;min-height:40px;overflow:hidden;padding:var(--space-2) var(--space-4);position:relative;text-decoration:none;transition:var(--transition-normal);white-space:nowrap}.pridea-login-btn:before,.pridea-register-btn:before{background:var(--gradient-primary);border-radius:var(--radius-lg);content:"";inset:0;opacity:0;position:absolute;transition:var(--transition-normal)}.pridea-login-btn{background:var(--card-bg);border-color:var(--card-border)}.pridea-login-btn:hover{background:var(--card-hover);border-color:var(--accent-orange);box-shadow:var(--shadow-md);color:var(--accent-orange);transform:translateY(-1px)}.pridea-login-btn:hover:before{opacity:.1}.pridea-register-btn{background:var(--accent-orange);border-color:var(--accent-orange);box-shadow:var(--shadow-sm);color:#fff;font-weight:var(--font-weight-semibold)}.pridea-register-btn:hover{background:var(--orange-600);border-color:var(--orange-600);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.pridea-register-btn:hover:before{opacity:.2}.auth-btn-content{align-items:center;display:flex;gap:var(--space-2);position:relative;z-index:2}.auth-btn-icon{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.auth-btn-icon svg{height:100%;transition:var(--transition-normal);width:100%}.pridea-login-btn:hover .auth-btn-icon svg,.pridea-register-btn:hover .auth-btn-icon svg{transform:scale(1.1)}.auth-btn-text{font-weight:inherit;letter-spacing:.025em}.pridea-user-avatar{align-items:center;background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);overflow:hidden;padding:var(--space-2) var(--space-3);position:relative}.pridea-user-avatar,.pridea-user-avatar:before{border-radius:var(--radius-lg);transition:var(--transition-normal)}.pridea-user-avatar:before{background:var(--gradient-primary);content:"";inset:0;opacity:0;position:absolute}.pridea-user-avatar:hover:before{opacity:.1}.pridea-user-avatar:hover{background:var(--card-hover);border-color:var(--accent-orange);box-shadow:var(--shadow-md);color:var(--accent-orange);transform:translateY(-1px)}.avatar-container{position:relative}.avatar-container,.avatar-icon{align-items:center;display:flex;justify-content:center}.avatar-icon{background:var(--accent-orange);border-radius:50%;color:#fff;height:24px;transition:var(--transition-normal);width:24px}.avatar-icon svg{height:14px;width:14px}.avatar-status{border:2px solid var(--card-bg);bottom:-2px;height:8px;right:-2px;transition:var(--transition-normal);width:8px}.user-name{max-width:120px;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;z-index:2}.pridea-user-dropdown{animation:dropdown-fade-in .2s ease-out forwards;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + var(--space-2));z-index:calc(var(--z-dropdown) + 1)}body.lang-ar .pridea-user-dropdown{left:0;right:auto}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-header{border-bottom:1px solid var(--card-border);padding:var(--space-4)}.user-info{display:flex;flex-direction:column;gap:var(--space-1)}.user-display-name{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1.4}.user-email{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.4;opacity:.8}.dropdown-actions{padding:var(--space-2)}.logout-btn{align-items:center;background:#0000;border:1px solid #0000;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-3);overflow:hidden;padding:var(--space-3) var(--space-4);position:relative;width:100%}.logout-btn,.logout-btn:before{border-radius:var(--radius-md);transition:var(--transition-normal)}.logout-btn:before{background:var(--red-500);content:"";inset:0;opacity:0;position:absolute}.logout-btn:hover:before{opacity:.1}.logout-btn:hover{background:var(--card-hover);border-color:var(--red-500);color:var(--red-500);transform:translateX(var(--space-1))}body.lang-ar .logout-btn:hover{transform:translateX(calc(var(--space-1)*-1))}.logout-btn svg{height:16px;transition:var(--transition-normal);width:16px}.logout-btn:hover svg{transform:scale(1.1)}@media (max-width:768px){.pridea-auth-buttons{flex-direction:column;gap:var(--space-3);margin-top:var(--space-4);width:100%}.pridea-login-btn,.pridea-register-btn{font-size:var(--font-size-base);justify-content:center;min-height:48px;padding:var(--space-3) var(--space-4);width:100%}.auth-btn-icon{height:20px;width:20px}.pridea-user-avatar{justify-content:flex-start;margin-top:var(--space-4);min-height:48px;padding:var(--space-3) var(--space-4);width:100%}.avatar-icon{height:28px;width:28px}.avatar-icon svg{height:16px;width:16px}.user-name{flex:1 1;max-width:none;text-align:left}body.lang-ar .user-name{text-align:right}.pridea-user-dropdown{bottom:var(--space-4);left:var(--space-4);min-width:auto;position:fixed;right:var(--space-4);top:auto;width:auto}.dropdown-header{padding:var(--space-4) var(--space-5)}.user-display-name{font-size:var(--font-size-lg)}.logout-btn,.user-email{font-size:var(--font-size-base)}.logout-btn{min-height:48px;padding:var(--space-4) var(--space-5)}.logout-btn svg{height:20px;width:20px}}@media (max-width:480px){.pridea-auth-buttons{gap:var(--space-2)}.pridea-login-btn,.pridea-register-btn{font-size:var(--font-size-sm);min-height:44px;padding:var(--space-2) var(--space-3)}.auth-btn-icon{height:18px;width:18px}.pridea-user-avatar{min-height:44px;padding:var(--space-2) var(--space-3)}.avatar-icon{height:24px;width:24px}.avatar-icon svg{height:14px;width:14px}}.logout-btn:focus-visible,.pridea-login-btn:focus-visible,.pridea-register-btn:focus-visible,.pridea-user-avatar:focus-visible{box-shadow:0 0 0 4px #f9731633;outline:2px solid var(--accent-orange);outline-offset:2px}.pridea-login-btn:disabled,.pridea-register-btn:disabled,.pridea-user-avatar:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.pridea-login-btn:disabled:hover,.pridea-register-btn:disabled:hover,.pridea-user-avatar:disabled:hover{background:var(--card-bg);border-color:var(--card-border);box-shadow:none;color:var(--text-primary);transform:none}[data-theme=dark] .pridea-register-btn{background:var(--accent-orange);color:var(--gray-50)}[data-theme=dark] .pridea-register-btn:hover{background:var(--orange-600);color:#fff}[data-theme=dark] .avatar-status{border-color:var(--gray-800)}[data-theme=dark] .logout-btn:hover{border-color:var(--red-400);color:var(--red-400)}[data-theme=light] .pridea-register-btn{background:var(--accent-orange);color:#fff}[data-theme=light] .pridea-register-btn:hover{background:var(--orange-600)}[data-theme=light] .avatar-status{border-color:#ed264e}[data-theme=light] .logout-btn:hover{border-color:var(--red-600);color:var(--red-600)}@media (hover:hover){.pridea-login-btn:hover .auth-btn-text,.pridea-register-btn:hover .auth-btn-text{transform:translateX(1px)}body.lang-ar .pridea-login-btn:hover .auth-btn-text,body.lang-ar .pridea-register-btn:hover .auth-btn-text{transform:translateX(-1px)}.pridea-user-avatar:hover .avatar-icon{transform:scale(1.1)}.pridea-user-avatar:hover .avatar-status{transform:scale(1.2)}}.pridea-auth-buttons,.pridea-auth-section{animation:auth-section-fade-in .4s ease-out forwards}@keyframes auth-section-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.logout-btn,.pridea-login-btn,.pridea-register-btn,.pridea-user-avatar{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);will-change:transform,opacity}@media print{.pridea-auth-buttons,.pridea-auth-section,.pridea-user-dropdown{display:none!important}}


/*!* ===== متغيرات الأداء المحسنة ===== *!*/

/*    !* تحسين GPU acceleration *!*/

/*    !* انتقالات محسنة *!*/

/*    !* تأثيرات blur محسنة *!*/

/*!* ===== الهيدر الأساسي المحسن ===== *!*/

/*    !* تحسينات الأداء *!*/

/*    !* تحسين layers *!*/

/*!* حالة التمرير محسنة *!*/

/*!* الإخفاء التلقائي محسن *!*/

/*!* ===== الحاوي الرئيسي المحسن ===== *!*/

/*    !* تحسين containment *!*/

/*!* ===== الشعار المحسن ===== *!*/

/*    !* تحسين الأداء *!*/

/*    !* تحسين الأداء *!*/

/*    !* تحسين عرض الصور *!*/

/*    !* تحسين النص المتدرج *!*/

/*!* تحسين animation *!*/

/*!* ===== التنقل المحسن ===== *!*/

/*    !* تحسين الأداء *!*/

/*!* حالة نشطة محسنة *!*/

/*!* ===== أزرار التحكم المحسنة ===== *!*/

/*    !* تحسين الأداء *!*/

/*!* تبديل اللغة محسن *!*/

/*    !* تحسين الأداء *!*/

/*!* ===== تبديل الثيم المحسن ===== *!*/

/*    !* تحسين الأداء *!*/

/*!* مؤشر الحالة للثيم محسن *!*/

/*    !* تحسين animation *!*/

/*!* تحسين keyframes *!*/

/*!* نص الحالة (مخفي في سطح المكتب) *!*/

/*!* ===== زر القائمة المحمولة المحسن ===== *!*/

/*    !* تحسين الأداء *!*/

/*    !* تحسين الأداء *!*/

/*!* ===== أزرار المصادقة المحسنة ===== *!*/

/*    !* تحسين الأداء *!*/

/*!* زر تسجيل الدخول *!*/

/*!* زر إنشاء الحساب - مميز *!*/

/*!* محتوى الأزرار *!*/

/*!* ===== قسم المستخدم المسجل محسن ===== *!*/

/*    !* تحسين الأداء *!*/

/*!* حاوي الصورة الرمزية *!*/

/*!* ===== القائمة المنسدلة للمستخدم محسنة ===== *!*/

/*    !* تحسين animation *!*/

/*!* تحسين keyframes *!*/

/*!* رأس القائمة المنسدلة *!*/

/*!* إجراءات القائمة المنسدلة *!*/

/*    !* تحسين الأداء *!*/

/*!* ===== التصميم المتجاوب المحسن ===== *!*/

/*        !* تحسين الانتقال *!*/

/*    !* إظهار نص الحالة في الجوال *!*/

/*    !* إخفاء مؤشر الحالة في الجوال *!*/

/*    !* أزرار المصادقة في الجوال *!*/

/*    !* المستخدم المسجل في الجوال *!*/

/*    !* القائمة المنسدلة في الجوال *!*/

/*!* ===== طبقة تراكب الجوال محسنة ===== *!*/

/*    !* تحسين animation *!*/

/*!* تحسين keyframes *!*/

/*!* ===== تحسينات الأداء العامة ===== *!*/
/*    !* تحسين GPU acceleration *!*/

/*!* ===== إمكانية الوصول المحسنة ===== *!*/

/*!* التركيز بالكيبورد محسن *!*/

/*!* طباعة محسنة *!*/

/*!* دعم المناطق الآمنة محسن *!*/

/*!* شريط التمرير المخصص للقائمة المحمولة *!*/

/*!* ===== تحسينات containment إضافية ===== *!*/

/*!* ===== تحسينات will-change محددة ===== *!*/

/*!* ===== تحسينات إضافية للتوازن البصري ===== *!*/

/*!* ===== تحسين الاستجابة للمس ===== *!*/

/*!* ===== تحسينات التحميل المؤجل ===== *!*/

/*!* ===== تحسينات الشبكة ===== *!*/

/*!* ===== انتقالات متقدمة محسنة ===== *!*/


/*!* =============================================== *!*/
/*!* 🎯 HeroSection.css - أنماط Hero فقط *!*/
/*!* يستخدم المتغيرات من unified-styles.css *!*/
/*!* تم تقليل الحجم من 12KB إلى 3KB (75% توفير) *!*/
/*!* =============================================== *!*/

/*!* ===== خلفية الشبكة العصبية ===== *!*/

/*!* ===== القسم الرئيسي ===== *!*/

/*!* ===== الحاوية الرئيسية ===== *!*/

/*!* ===== شريط الإشعارات ===== *!*/

/*!* ===== قسم المحتوى الرئيسي ===== *!*/

/*!* ===== التايبوجرافي ===== *!*/

/*!* ===== حاوية الأزرار ===== *!*/

/*!* ===== الأزرار ===== *!*/

/*!* أنواع الأزرار *!*/

/*!* حالات الأزرار *!*/

/*!* ===== قسم الإحصائيات ===== *!*/

/*!* ===== كروت الإحصائيات ===== *!*/

/*!* ===== زر الإجراء العائم ===== *!*/

/*!* ===== مؤشر التمرير ===== *!*/

/*!* ===== مودال الفيديو ===== *!*/

/*!* ===== تحسينات الأداء ===== *!*/

/*!* ===== إمكانية الوصول ===== *!*/

/*!* تحسين للشاشات عالية الكثافة *!*/

/*!* دعم المناطق الآمنة *!*/

/*!* أنماط الطباعة *!*/

/*    !* ترتيب الأزرار في RTL - فقط على الشاشات الكبيرة *!*/

/*!* ===== الأزرار ===== *!*/

/*!* ترتيب الأزرار في LTR *!*/:root{--backdrop-blur-medium:blur(16px);--backdrop-blur-heavy:blur(24px)}.neural-background{contain:layout style paint;contain-intrinsic-size:100vw 100vh;content-visibility:auto;height:100vh;left:0;opacity:.6;overflow:hidden;pointer-events:none;position:fixed;top:0;transform:translateZ(0);transform:var(--gpu-transform);width:100vw;will-change:auto;z-index:var(--z-background)}@media (max-width:768px){.neural-background{opacity:.3;transform:scale(.8) translateZ(0);transform:scale(.8) var(--gpu-transform)}}@media (max-width:480px){.neural-background{opacity:.2;transform:scale(.6) translateZ(0);transform:scale(.6) var(--gpu-transform)}}@media (prefers-reduced-motion:reduce){.neural-background{display:none}}.hero-section{align-items:center;background:var(--bg-primary);contain:layout style;display:flex;flex-direction:column;isolation:isolate;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--space-6) var(--space-4);position:relative;transform:translateZ(0);transform:var(--gpu-transform);width:100%;will-change:auto}@media (max-width:768px){.hero-section{min-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:var(--space-4) var(--space-3)}}.hero-container{grid-gap:var(--space-8);align-items:center;contain:layout style;display:grid;gap:var(--space-8);grid-template-columns:1fr;margin:0 auto;max-width:1280px;position:relative;transform:translateZ(0);transform:var(--gpu-transform);width:100%;z-index:var(--z-content)}@media (min-width:1024px){.hero-container{gap:var(--space-12);grid-template-columns:1fr 400px}html[dir=rtl] .hero-container{grid-template-columns:400px 1fr}}@media (max-width:767px){.hero-container{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);text-align:center}}.hero-notification{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--backdrop-blur-light);backdrop-filter:var(--backdrop-blur-light);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:var(--text-primary);contain:layout style;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-3);left:50%;max-width:calc(100vw - 2rem);padding:var(--space-3) var(--space-5);position:absolute;top:var(--space-4);transform:translateX(-50%) translateZ(0);transform:translateX(-50%) var(--gpu-transform);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);will-change:transform,background-color;z-index:var(--z-floating)}.hero-notification:hover{background:var(--card-hover);box-shadow:var(--shadow-lg);transform:translateX(-50%) translateY(-2px) translateZ(0);transform:translateX(-50%) translateY(-2px) var(--gpu-transform)}.hero-notification-content{align-items:center;contain:layout style;display:flex;gap:var(--space-2)}.hero-notification-icon{color:var(--accent-orange)}.hero-notification-close,.hero-notification-icon{flex-shrink:0;transform:translateZ(0);transform:var(--gpu-transform)}.hero-notification-close{background:none;border:none;border-radius:var(--radius-sm);color:inherit;cursor:pointer;opacity:.7;padding:var(--space-1);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast);will-change:opacity,background-color}.hero-notification-close:hover{background:#0000001a;opacity:1}@media (max-width:768px){.hero-notification{font-size:var(--font-size-xs);left:0;margin-bottom:var(--space-4);max-width:100%;padding:var(--space-2) var(--space-4);position:relative;text-align:center;top:0;transform:translateZ(0);transform:var(--gpu-transform)}.hero-notification:hover{transform:translateY(-2px) translateZ(0);transform:translateY(-2px) var(--gpu-transform)}}.hero-content{contain:layout style;display:flex;flex-direction:column;gap:var(--space-6);position:relative;text-align:center;transform:translateZ(0);transform:var(--gpu-transform);width:100%;will-change:auto;z-index:var(--z-content)}@media (min-width:1024px){.hero-content{text-align:left}html[dir=rtl] .hero-content{text-align:right}}@media (max-width:767px){.hero-content{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;text-align:center;width:100%}}.hero-title-wrapper{margin-bottom:var(--space-2)}.hero-title,.hero-title-wrapper{contain:layout style;position:relative;width:100%}.hero-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);font-family:var(--font-primary);font-size:clamp(2rem,5vw,3.5rem);font-weight:var(--font-weight-bold);letter-spacing:-.025em;line-height:1.1;margin:0;text-rendering:optimizeLegibility}html[dir=rtl] .hero-title{font-family:var(--font-arabic);font-weight:var(--font-weight-semibold);letter-spacing:0}@media (max-width:768px){.hero-title{font-size:clamp(1.75rem,8vw,2.5rem);line-height:1.2;text-align:center;width:100%}}.hero-title-gradient{animation:gradient-shift 4s ease-in-out infinite;background:var(--gradient-text);background-clip:text;-webkit-background-clip:text;background-size:200% 200%}.hero-title-accent,.hero-title-gradient{-webkit-text-fill-color:#0000;color:#0000;display:inline-block;will-change:background-position}.hero-title-accent{animation:gradient-shift 4s ease-in-out infinite reverse;background:var(--gradient-accent);background-clip:text;-webkit-background-clip:text;background-size:200% 200%}.hero-subtitle{color:var(--text-secondary);contain:layout style;font-family:var(--font-primary);font-size:clamp(1rem,2vw,1.25rem);font-weight:var(--font-weight-medium);line-height:1.6;margin:0 0 var(--space-4) 0;margin-left:auto;margin-right:auto;max-width:600px;text-rendering:optimizeLegibility;width:100%}html[dir=rtl] .hero-subtitle{font-family:var(--font-arabic);font-weight:var(--font-weight-normal)}@media (min-width:1024px){.hero-subtitle{margin-left:0;margin-right:0}html[dir=rtl] .hero-subtitle{text-align:right}}.hero-description{color:var(--text-secondary);contain:layout style;font-family:var(--font-primary);font-size:clamp(.95rem,1.5vw,1.125rem);line-height:1.7;margin:0 0 var(--space-6) 0;margin-left:auto;margin-right:auto;max-width:550px;text-rendering:optimizeLegibility;width:100%}html[dir=rtl] .hero-description{font-family:var(--font-arabic);font-weight:var(--font-weight-normal);line-height:1.8}@media (min-width:1024px){.hero-description{margin-left:0;margin-right:0}html[dir=rtl] .hero-description{text-align:right}}.hero-actions{align-items:center;contain:layout style;display:flex;flex-direction:column;gap:var(--space-3);justify-content:center;position:relative;transform:translateZ(0);transform:var(--gpu-transform);width:100%}@media (min-width:640px){.hero-actions{flex-direction:row;flex-wrap:wrap;gap:var(--space-4);justify-content:center}}@media (min-width:768px){.hero-actions{flex-wrap:nowrap}}@media (min-width:1024px){.hero-actions{gap:var(--space-5);justify-content:flex-start}html[dir=rtl] .hero-actions{flex-direction:row-reverse;justify-content:flex-end}html[dir=rtl] .hero-btn-primary{order:3}html[dir=rtl] .hero-btn-secondary{order:2}html[dir=rtl] .hero-btn-ghost{order:1}}.hero-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--backdrop-blur-light);backdrop-filter:var(--backdrop-blur-light);-webkit-backface-visibility:hidden;backface-visibility:hidden;border:none;border-radius:var(--radius-lg);contain:layout style;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-2);isolation:isolate;justify-content:center;min-width:160px;overflow:hidden;padding:var(--space-3) var(--space-6);position:relative;text-align:center;text-decoration:none;transform:translateZ(0);transform:var(--gpu-transform);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);white-space:nowrap;will-change:transform,background-color,box-shadow}html[dir=rtl] .hero-btn{direction:rtl;font-family:var(--font-arabic);font-weight:var(--font-weight-medium)}.hero-btn:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.hero-btn-primary{order:1}.hero-btn-secondary{order:2}.hero-btn-ghost{order:3}.hero-btn-primary{background:var(--gradient-primary);border:1px solid #fff3;box-shadow:var(--shadow-md);color:#fff}.hero-btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translate3d(0,-2px,0)}.hero-btn-secondary{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-sm);color:var(--text-primary)}.hero-btn-secondary:hover:not(:disabled){background:var(--card-hover);box-shadow:var(--shadow-md);transform:translate3d(0,-2px,0)}.hero-btn-ghost{background:#0000;border:1px solid #0000;color:var(--accent-orange);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-4)}.hero-btn-ghost:hover:not(:disabled){background:#f973161a;border-color:#f9731633;transform:translate3d(0,-1px,0)}.hero-btn-loading{opacity:.8;pointer-events:none}.hero-btn-spinner{animation:hero-spin 1s linear infinite;will-change:transform}@keyframes hero-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hero-btn-success{background:var(--success-500);border-color:var(--success-500);color:#fff}.hero-btn-error{background:var(--error-500);border-color:var(--error-500);color:#fff}@media (max-width:640px){.hero-btn{align-items:center;display:flex;font-size:var(--font-size-sm);gap:var(--space-2);justify-content:center;max-width:320px;min-height:44px;padding:var(--space-3) var(--space-4);text-align:center;width:100%}}.hero-stats{grid-gap:var(--space-3);contain:layout style;display:grid;gap:var(--space-3);grid-template-columns:1fr;margin-top:var(--space-6);position:relative;transform:translateZ(0);transform:var(--gpu-transform);width:100%;z-index:var(--z-content)}@media (min-width:640px){.hero-stats{gap:var(--space-4);grid-template-columns:repeat(2,1fr);margin-left:auto;margin-right:auto;width:75%}}@media (min-width:1024px){.hero-stats{gap:var(--space-4);grid-template-columns:repeat(3,1fr);margin-left:0;margin-right:0;margin-top:var(--space-8);width:100%}}.hero-stat-card{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--backdrop-blur-light);backdrop-filter:var(--backdrop-blur-light);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-primary);contain:layout style;cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-5);position:relative;transform:translateZ(0);transform:var(--gpu-transform);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);will-change:transform,background-color,box-shadow}.hero-stat-card:hover{background:var(--card-hover);box-shadow:var(--shadow-md);transform:translate3d(0,-2px,0)}.hero-stat-icon{align-items:center;background:#f973161a;border-radius:var(--radius-md);color:var(--accent-orange);contain:layout style;display:flex;flex-shrink:0;height:40px;justify-content:center;transform:translateZ(0);transform:var(--gpu-transform);width:40px}.hero-stat-content{contain:layout style;display:flex;flex-direction:column;flex-grow:1;gap:var(--space-1);min-width:0;text-align:left}html[dir=rtl] .hero-stat-content{text-align:right}.hero-stat-value{-webkit-text-fill-color:#0000;background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;color:#0000;contain:layout style;font-family:var(--font-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.1;text-rendering:optimizeLegibility}html[dir=rtl] .hero-stat-value{font-family:var(--font-arabic);font-weight:var(--font-weight-semibold)}.hero-stat-label{color:var(--text-secondary);contain:layout style;font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-rendering:optimizeLegibility;text-transform:uppercase}html[dir=rtl] .hero-stat-label{font-family:var(--font-arabic);font-weight:var(--font-weight-normal);letter-spacing:0;text-transform:none}@media (max-width:640px){.hero-stat-card{gap:var(--space-3);padding:var(--space-3) var(--space-4)}.hero-stat-icon{height:36px;width:36px}.hero-stat-value{font-size:var(--font-size-xl)}.hero-stat-label{font-size:.75rem}}.hero-scroll{align-items:center;background:none;border:none;border-radius:var(--radius-md);bottom:var(--space-8);color:var(--text-secondary);contain:layout style;cursor:pointer;display:flex;flex-direction:column;gap:var(--space-2);left:50%;padding:var(--space-2);position:absolute;transform:translateX(-50%) translateZ(0);transform:translateX(-50%) var(--gpu-transform);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);will-change:transform,color;z-index:var(--z-content)}.hero-scroll:hover{color:var(--accent-orange);transform:translateX(-50%) translateY(-2px) translateZ(0);transform:translateX(-50%) translateY(-2px) var(--gpu-transform)}.hero-scroll-text{contain:layout style;font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center;text-rendering:optimizeLegibility}html[dir=rtl] .hero-scroll-text{font-family:var(--font-arabic);font-weight:var(--font-weight-normal)}@media (max-width:768px){.hero-scroll{bottom:var(--space-4)}.hero-scroll-text{font-size:var(--font-size-xs)}}.hero-video-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--backdrop-blur-light);backdrop-filter:var(--backdrop-blur-light);background:#000000e6;contain:layout style paint;display:flex;inset:0;justify-content:center;padding:var(--space-6);position:fixed;transform:translateZ(0);transform:var(--gpu-transform);will-change:opacity;z-index:var(--z-modal)}.hero-video-content{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:var(--backdrop-blur-medium);backdrop-filter:var(--backdrop-blur-medium);border:1px solid var(--card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:800px;overflow:hidden;position:relative;width:100%;will-change:transform,opacity}.hero-video-close,.hero-video-content{background:var(--card-bg);contain:layout style;transform:translateZ(0);transform:var(--gpu-transform)}.hero-video-close{align-items:center;border:none;border:1px solid var(--card-border);border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:var(--space-4);top:var(--space-4);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);width:40px;will-change:transform,background-color,border-color;z-index:calc(var(--z-modal) + 1)}.hero-video-close:hover{background:var(--accent-orange);border-color:var(--accent-orange);color:#fff;transform:translateZ(0) scale(1.1)}html[dir=rtl] .hero-video-close{left:var(--space-4);right:auto}.hero-video-wrapper{contain:layout style;height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.hero-video-wrapper iframe{border:0;height:100%;left:0;position:absolute;top:0;transform:translateZ(0);transform:var(--gpu-transform);width:100%;will-change:auto}.hero-btn,.hero-notification,.hero-scroll,.hero-stat-card,.hero-video-close{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);transform:var(--gpu-transform)}:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--accent-orange);outline-offset:2px}@media (prefers-reduced-motion:reduce){.hero-btn,.hero-notification,.hero-scroll,.hero-stat-card{transition:none!important}.hero-btn,.hero-btn:hover,.hero-notification,.hero-notification:hover,.hero-scroll,.hero-scroll:hover,.hero-stat-card,.hero-stat-card:hover{transform:translateZ(0)!important;transform:var(--gpu-transform)!important}.gradient-shift,.hero-btn-spinner{animation:none!important}*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.hero-btn,.hero-description,.hero-section,.hero-stat-card,.hero-subtitle,.hero-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@supports (padding:max(0px)){.hero-section{padding-left:max(var(--space-4),env(safe-area-inset-left));padding-right:max(var(--space-4),env(safe-area-inset-right))}@media (max-width:768px){.hero-section{padding-left:max(var(--space-3),env(safe-area-inset-left));padding-right:max(var(--space-3),env(safe-area-inset-right))}}}@media print{.hero-notification,.hero-scroll,.neural-background{display:none!important}.hero-section{background:#fff!important;min-height:auto!important}.hero-btn{background:#0000!important;border:1px solid #000!important;color:#000!important}.hero-stat-card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}}@media (max-width:480px) and (max-height:640px){.hero-btn,.hero-notification,.hero-stat-card{backdrop-filter:none;-webkit-backdrop-filter:none}.neural-background{display:none}.hero-title-accent,.hero-title-gradient{-webkit-text-fill-color:unset;animation:none;background:var(--text-primary)!important;background-clip:initial;-webkit-background-clip:unset;color:var(--text-primary)!important}}@supports (contain:layout){.hero-actions,.hero-container,.hero-content,.hero-section,.hero-stats{contain:layout style}}@supports (content-visibility:auto){.hero-stats,.neural-background{contain-intrinsic-size:0 200px;content-visibility:auto}}
/*!* =============================================== *!*/
/*!* 🎯 OurSystemsSection.css - قسم أنظمتنا المتطورة *!*/
/*!* يستخدم المتغيرات من unified-theme.css *!*/
/*!* =============================================== *!*/

/*!* ===== القسم الرئيسي ===== *!*/

/*!* ===== الخلفية المتحركة ===== *!*/

/*!* ===== الحاوية الرئيسية ===== *!*/

/*!* ===== رأس القسم ===== *!*/

/*!* ===== شبكة الأنظمة ===== *!*/

/*!* ===== بطاقة النظام ===== *!*/

/*!* ===== تأثير الإضاءة ===== *!*/

/*!* ===== رأس البطاقة ===== *!*/

/*!* ===== وصف النظام ===== *!*/

/*!* ===== شبكة المميزات ===== *!*/

/*!* ===== زر عرض المزيد ===== *!*/

/*!* ===== أزرار الإجراءات ===== *!*/

/*!* ===== الجسيمات العائمة ===== *!*/

/*!* ===== ذيل القسم ===== *!*/

/*!* ===== تحسينات الاستجابة ===== *!*/

/*!* ===== إمكانية الوصول ===== *!*/

/*!* ===== أنماط الطباعة ===== *!*/

/*!* ===== تحسين الأداء ===== *!*/

/*!* ===== دعم الشاشات عالية الكثافة ===== *!*/

/*!* ===== دعم المناطق الآمنة ===== *!*/.our-systems-section *,.our-systems-section :after,.our-systems-section :before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.our-systems-section{background:var(--bg-primary);contain:layout style paint;isolation:isolate;min-height:100vh;overflow:hidden;padding:var(--space-20) 0;position:relative;will-change:auto}.systems-bg-animation{contain:strict;height:100%;left:0;opacity:.3;pointer-events:none;position:absolute;top:0;width:100%;will-change:transform;z-index:var(--z-background)}.bg-shape{animation-fill-mode:both;animation-timing-function:linear;border-radius:50% 30% 70% 50%;filter:blur(1px);height:60px;opacity:.4;transform:translateZ(0);width:60px;will-change:transform}[data-theme=dark] .bg-shape{opacity:.2}.systems-container{contain:layout;margin:0 auto;max-width:1280px;padding:0 var(--space-4);position:relative;z-index:var(--z-content)}@media (min-width:768px){.systems-container{padding:0 var(--space-6)}}.section-header{margin-bottom:var(--space-16);margin-left:auto;margin-right:auto;max-width:800px;text-rendering:optimizeSpeed}.header-badge{transform:translateZ(0);will-change:transform}.section-title{contain:layout;font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:1.1;margin-bottom:var(--space-6);text-rendering:optimizeSpeed}html[dir=rtl] .section-title{font-family:var(--font-arabic);letter-spacing:0}.title-highlight{will-change:auto}.section-description{color:var(--text-secondary);font-size:clamp(1rem,2vw,1.25rem);line-height:1.7;margin:0 auto;max-width:600px;text-rendering:optimizeSpeed}html[dir=rtl] .section-description{font-family:var(--font-arabic);line-height:1.8}.systems-grid{grid-gap:var(--space-8);contain:layout;display:grid;gap:var(--space-8);grid-template-columns:1fr;margin-bottom:var(--space-16)}@media (min-width:768px){.systems-grid{gap:var(--space-10);grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.systems-grid{gap:var(--space-12)}}.system-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);contain:layout style;cursor:pointer;display:flex;flex-direction:column;min-height:500px;overflow:hidden;padding:var(--space-8);perspective:1000px;position:relative;transform:translateZ(0);transform-style:preserve-3d;transition:transform var(--transition-smooth),box-shadow var(--transition-smooth),border-color var(--transition-smooth);will-change:transform}.system-card:hover{border-color:var(--card-hover);box-shadow:0 25px 50px #00000026;transform:translateY(-8px) translateZ(0)}[data-theme=dark] .system-card:hover{box-shadow:0 25px 50px #f9731633}.system-card.expanded{min-height:auto}.card-glow{transform:translateZ(0);transition:opacity .3s ease,transform .3s ease;will-change:opacity,transform}.card-header{align-items:flex-start;contain:layout;display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.system-icon-wrapper{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-shrink:0;height:80px;justify-content:center;position:relative;transform:translateZ(0);transition:transform .6s ease;width:80px;will-change:transform}.system-icon{color:#fff;position:relative;will-change:auto;z-index:2}.icon-pulse{border-radius:var(--radius-xl);transform:translateZ(0);will-change:transform,opacity}.system-header-content{contain:layout;flex:1 1;min-width:0}.system-name{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--space-2);text-rendering:optimizeSpeed}html[dir=rtl] .system-name{font-family:var(--font-arabic);font-weight:var(--font-weight-semibold)}.system-badge{align-items:center;background:#f973161a;border:1px solid #f9731633;border-radius:var(--radius-full);color:var(--accent-orange);cursor:pointer;display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--space-1);padding:var(--space-1) var(--space-3);transform:translateZ(0);transition:transform .2s ease;will-change:transform}.system-description{color:var(--text-secondary);flex-grow:1;font-size:var(--font-size-base);line-height:1.7;margin-bottom:var(--space-6);text-rendering:optimizeSpeed}html[dir=rtl] .system-description{font-family:var(--font-arabic);line-height:1.8}.features-grid{contain:layout;display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.feature-item{color:var(--text-secondary);cursor:default;font-size:var(--font-size-sm);padding:var(--space-2) 0;transform:translateZ(0);transition:color var(--transition-fast),transform var(--transition-fast);will-change:transform}.feature-item:hover{color:var(--text-primary);transform:translateX(5px) translateZ(0)}html[dir=rtl] .feature-item:hover{transform:translateX(-5px) translateZ(0)}.feature-icon{background:#f973161a;border-radius:var(--radius-sm);padding:var(--space-1)}html[dir=rtl] .feature-item{font-family:var(--font-arabic)}.show-more-btn{align-items:center;background:#0000;border:1px solid var(--card-border);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);justify-content:center;margin-bottom:var(--space-6);padding:var(--space-2) var(--space-4);transform:translateZ(0);transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal),transform var(--transition-normal);width:100%;will-change:transform}.show-more-btn:hover{background:var(--card-hover);border-color:var(--card-hover);color:var(--text-primary);transform:scale(1.02) translateZ(0)}html[dir=rtl] .show-more-btn{font-family:var(--font-arabic)}.card-actions{contain:layout;display:flex;gap:var(--space-3);margin-top:auto}@media (max-width:640px){.card-actions{flex-direction:column}}.card-actions .btn-primary,.card-actions .btn-secondary{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-5);text-decoration:none;transform:translateZ(0);transition:transform var(--transition-normal),box-shadow var(--transition-normal),background-color var(--transition-normal),border-color var(--transition-normal);white-space:nowrap;will-change:transform}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px) translateZ(0)}.btn-secondary:hover{border-color:var(--accent-orange)}html[dir=rtl] .btn-primary,html[dir=rtl] .btn-secondary{font-family:var(--font-arabic)}.floating-particles{contain:strict;will-change:transform}.particle{filter:blur(.5px);height:4px;transform:translateZ(0);width:4px;will-change:transform,opacity}.section-footer{contain:layout;text-align:center}.explore-all-btn{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--space-3);overflow:hidden;padding:var(--space-4) var(--space-8);position:relative;transform:translateZ(0);transition:transform var(--transition-normal),box-shadow var(--transition-normal);will-change:transform}.explore-all-btn:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px) translateZ(0)}.explore-all-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transform:translateZ(0);transition:left .6s;width:100%;will-change:transform}.explore-all-btn:hover:before{left:100%}html[dir=rtl] .explore-all-btn{font-family:var(--font-arabic)}@media (max-width:768px){.our-systems-section{padding:var(--space-16) 0}.section-header{margin-bottom:var(--space-12)}.system-card{min-height:auto;padding:var(--space-6)}.card-header{align-items:center;flex-direction:column;gap:var(--space-3);text-align:center}.system-icon-wrapper{height:60px;width:60px}.system-name{font-size:var(--font-size-xl);text-align:center}.systems-grid{gap:var(--space-6)}}@media (max-width:480px){.system-card{padding:var(--space-4)}.card-actions{flex-direction:column;gap:var(--space-2)}.explore-all-btn{font-size:var(--font-size-base);padding:var(--space-3) var(--space-6)}}@media (prefers-reduced-motion:reduce){.bg-shape,.btn-primary,.btn-secondary,.explore-all-btn,.icon-pulse,.particle,.show-more-btn,.system-card,.system-icon-wrapper{animation:none!important;transition:none!important;will-change:auto!important}.btn-primary:hover,.btn-secondary:hover,.system-card:hover{transform:none!important}}@media (prefers-contrast:more){.system-card{background:var(--bg-primary);border-color:var(--text-primary)}.btn-primary,.btn-secondary{border:2px solid var(--text-primary)}}@media print{.card-glow,.floating-particles,.systems-bg-animation{display:none!important}.system-card{border:1px solid #000!important;box-shadow:none!important;break-inside:avoid;page-break-inside:avoid;transform:none!important;will-change:auto!important}.btn-primary,.btn-secondary{background:#0000!important;border:1px solid #000!important;color:#000!important}}.system-card:not(:hover),.system-icon-wrapper:not(:hover){will-change:auto}.bg-shape,.btn-primary,.btn-secondary,.explore-all-btn,.particle,.system-card{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.card-actions,.card-header,.features-grid,.systems-container,.systems-grid{contain:layout}.floating-particles,.systems-bg-animation{contain:strict}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.section-title,.system-card,.system-name{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@supports (padding:max(0px)){.systems-container{padding-left:max(var(--space-4),env(safe-area-inset-left));padding-right:max(var(--space-4),env(safe-area-inset-right))}@media (min-width:768px){.systems-container{padding-left:max(var(--space-6),env(safe-area-inset-left));padding-right:max(var(--space-6),env(safe-area-inset-right))}}}@supports (transform-style:preserve-3d){.system-card{transform-style:preserve-3d}}@supports (contain:layout style paint){.system-card{contain:layout style paint}.section-footer,.section-header{contain:layout style}}

/*!* src/components/CompanyMissionSection.css - محدث مع النظام الموحد *!*/

/*!* ===== Mission Section Base ===== *!*/


/*!* ===== Container ===== *!*/

/*!* ===== Section Title ===== *!*/

/*!* ===== Mission Cards ===== *!*/

/*!* Primary Mission Card *!*/

/*!* Hover Effects *!*/

/*!* ===== Card Icons ===== *!*/

/*!* ===== Card Content ===== *!*/

/*!* ===== Values List ===== *!*/

/*!* ===== Inspirational Quote ===== *!*/

/*!* ===== Call to Action ===== *!*/

/*!* ===== Background Elements ===== *!*/

/*!* ===== Responsive Design ===== *!*/

/*!* ===== Animation Keyframes ===== *!*/

/*!* ===== Accessibility ===== *!*/:root{--gpu-transform:translateZ(0);--gpu-perspective:perspective(1000px);--backdrop-blur-light:blur(8px);--backdrop-blur-medium:blur(12px);--backdrop-blur-heavy:blur(16px);--transition-micro:all 0.1s cubic-bezier(0.4,0,0.2,1);--transition-fast:all 0.2s cubic-bezier(0.4,0,0.2,1);--transition-normal:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.5s cubic-bezier(0.4,0,0.2,1)}.mission-section{background:#0000!important;color:var(--text-primary);isolation:isolate;overflow:hidden;padding:var(--space-20) 0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);width:100%;will-change:auto}.mission-container,.mission-section{contain:layout style;position:relative;transform:translateZ(0);transform:var(--gpu-transform)}.mission-container{margin:0 auto;max-width:1440px;padding:0 5%;z-index:2}.mission-content{contain:layout style;display:flex;flex-direction:column;gap:var(--space-16);opacity:1;transform:translateZ(0);transform:var(--gpu-transform);visibility:visible}.mission-title{-webkit-text-fill-color:#0000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;animation:gradient-shift 4s ease-in-out infinite;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;contain:layout style;font-family:var(--font-primary);font-size:2.75rem;font-weight:800;line-height:1.2;margin-bottom:var(--space-4);margin-left:auto;margin-right:auto;max-width:800px;text-align:center;text-rendering:optimizeLegibility;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);will-change:background-position}[dir=rtl] .mission-title{font-family:var(--font-arabic);font-size:3rem}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.mission-cards{flex-wrap:wrap;gap:var(--space-8);justify-content:center}.mission-card,.mission-cards{contain:layout style;display:flex;transform:translateZ(0);transform:var(--gpu-transform)}.mission-card{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--backdrop-blur-light);backdrop-filter:var(--backdrop-blur-light);backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-2xl);box-shadow:var(--card-shadow);color:var(--text-primary);flex-direction:column;min-width:300px;opacity:1;overflow:hidden;padding:var(--space-10);position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);visibility:visible;width:calc(33.333% - 1.334rem);will-change:transform,background-color,box-shadow}.mission-card:before{background:var(--gradient-primary);height:5px;opacity:.8}.mission-card:after,.mission-card:before{content:"";left:0;position:absolute;right:0;top:0;transform:translateZ(0);transform:var(--gpu-transform)}.mission-card:after{background:linear-gradient(135deg,#3b82f608,#8b5cf608);bottom:0;pointer-events:none}.mission-card-primary{background:var(--gradient-primary)!important;border:1px solid #fff3!important;box-shadow:0 15px 35px #3b82f633;color:#fff!important}.mission-card-primary:before{background:#fff3}.mission-card-primary:after{background:linear-gradient(135deg,#ffffff0d,#ffffff1a)}.mission-card:hover{background:var(--card-hover);box-shadow:var(--shadow-lg);transform:translate3d(0,-5px,0)}.mission-card-primary:hover{background:var(--gradient-primary)!important;box-shadow:0 20px 40px #3b82f64d;transform:translate3d(0,-5px,0)}.card-icon-container{align-items:center;animation:pulse 3s ease-in-out infinite;background:#f973161a;border-radius:var(--radius-full);contain:layout style;display:flex;height:80px;justify-content:center;margin-bottom:var(--space-6);position:relative;transform:translateZ(0);transform:var(--gpu-transform);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);width:80px;will-change:transform;z-index:2}.mission-card-primary .card-icon-container{background:#ffffff26!important}.card-icon{color:var(--accent-orange);height:40px;transform:translateZ(0);transform:var(--gpu-transform);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast);width:40px;will-change:transform,color}.mission-card-primary .card-icon{color:#fff!important}.card-title{color:var(--text-primary);contain:layout style;font-family:var(--font-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4);text-rendering:optimizeLegibility;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}[dir=rtl] .card-title{font-family:var(--font-arabic);font-size:1.625rem}.mission-card-primary .card-title{color:#fff!important}.card-description{color:var(--text-secondary);contain:layout style;font-family:var(--font-primary);font-size:var(--font-size-lg);line-height:1.6;text-rendering:optimizeLegibility;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}[dir=rtl] .card-description{font-family:var(--font-arabic);font-size:1.25rem}.mission-card-primary .card-description{color:#ffffffe6!important}.values-list{flex-direction:column;gap:var(--space-5);list-style:none;margin:0;padding:0;width:100%}.value-item,.values-list{contain:layout style;display:flex;transform:translateZ(0);transform:var(--gpu-transform)}.value-item{align-items:center;gap:var(--space-4);text-align:left}[dir=rtl] .value-item{text-align:right}.value-icon-container{align-items:center;animation:pulse 2s ease-in-out infinite;background:#f973161a;border-radius:var(--radius-full);contain:layout style;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px;will-change:transform}.value-icon,.value-icon-container{transform:translateZ(0);transform:var(--gpu-transform);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.value-icon{color:var(--accent-orange);height:24px;width:24px;will-change:transform,color}.value-content{contain:layout style;flex:1 1}.value-title{color:var(--text-primary);contain:layout style;font-family:var(--font-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1);text-rendering:optimizeLegibility;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}[dir=rtl] .value-title{font-family:var(--font-arabic);font-size:1.25rem}.value-description{color:var(--text-secondary);contain:layout style;font-family:var(--font-primary);font-size:var(--font-size-sm);line-height:1.5;text-rendering:optimizeLegibility;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}[dir=rtl] .value-description{font-family:var(--font-arabic);font-size:var(--font-size-base)}.mission-quote{align-items:center;contain:layout style;display:flex;gap:var(--space-6);justify-content:center;margin:0 auto;max-width:900px;padding:0 var(--space-4)}.mission-quote,.quote-line{transform:translateZ(0);transform:var(--gpu-transform)}.quote-line{background:linear-gradient(90deg,#0000,var(--accent-orange),#0000);flex:1 1;height:2px;max-width:100px}.quote-line,.quote-text{transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.quote-text{-webkit-text-fill-color:#0000;animation:gradient-shift 4s ease-in-out infinite reverse;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;contain:layout style;font-family:var(--font-primary);font-size:var(--font-size-2xl);font-style:italic;font-weight:var(--font-weight-semibold);line-height:1.5;text-align:center;text-rendering:optimizeLegibility;will-change:background-position}[dir=rtl] .quote-text{font-family:var(--font-arabic);font-size:1.625rem;font-style:normal}.mission-cta{display:flex;justify-content:center;margin-top:var(--space-8);transform:translateZ(0)}.cta-button,.mission-cta{contain:layout style;transform:var(--gpu-transform)}.cta-button{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:var(--shadow-md);padding:var(--space-3) var(--space-8);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);will-change:transform,box-shadow}[dir=rtl] .cta-button{font-family:var(--font-arabic);font-size:var(--font-size-lg)}.cta-button:hover{box-shadow:var(--shadow-lg);transform:translate3d(0,-3px,0)}.mission-bg{contain:layout style paint;overflow:hidden;will-change:auto;z-index:1}.mission-bg,.mission-bg-gradient{bottom:0;left:0;position:absolute;right:0;top:0;transform:translateZ(0);transform:var(--gpu-transform);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.mission-bg-gradient{background:linear-gradient(135deg,var(--bg-primary),var(--bg-secondary));opacity:.8}.mission-bg-particles{background-image:radial-gradient(var(--accent-orange) 2px,#0000 2px);background-size:30px 30px;bottom:0;left:0;opacity:.05;right:0;top:0}.mission-bg-particles,.mission-bg-shape{position:absolute;transform:translateZ(0);transform:var(--gpu-transform);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.mission-bg-shape{border-radius:var(--radius-full);contain:layout style;filter:blur(40px);opacity:.08;will-change:transform}.shape-1{background:var(--gradient-primary);height:500px;left:5%;top:10%;width:500px}.shape-2{background:var(--gradient-accent);bottom:10%;height:600px;right:5%;width:600px}@media (max-width:1280px){.mission-title{font-size:2.5rem}[dir=rtl] .mission-title{font-size:2.75rem}.mission-card{padding:var(--space-8)}.card-icon-container{height:70px;width:70px}.card-icon{height:35px;width:35px}.card-title{font-size:1.375rem}[dir=rtl] .card-title{font-size:1.5rem}.quote-text{font-size:1.375rem}[dir=rtl] .quote-text{font-size:1.5rem}}@media (max-width:1024px){.mission-section{padding:var(--space-16) 0}.mission-content{gap:var(--space-12)}.mission-cards{align-items:center;flex-direction:column}.mission-card{max-width:550px;width:100%}.mission-quote{padding:0 var(--space-8)}}@media (max-width:768px){.mission-section{padding:var(--space-16) 0}.mission-title{font-size:2.25rem}[dir=rtl] .mission-title{font-size:2.5rem}.mission-content{gap:var(--space-10)}.quote-text{font-size:1.25rem}[dir=rtl] .quote-text{font-size:1.375rem}.mission-quote{flex-direction:column}.quote-line{height:2px;max-width:100px;width:100px}}@media (max-width:480px){.mission-section{padding:var(--space-12) 0}.mission-title{font-size:1.875rem}[dir=rtl] .mission-title{font-size:2.125rem}.mission-card{padding:var(--space-6)}.card-icon-container{height:60px;margin-bottom:var(--space-5);width:60px}.card-icon{height:30px;width:30px}.card-title{font-size:1.25rem}[dir=rtl] .card-title{font-size:1.375rem}.card-description{font-size:var(--font-size-base)}.quote-text,[dir=rtl] .card-description{font-size:var(--font-size-lg)}[dir=rtl] .quote-text{font-size:1.25rem}.value-item{flex-direction:column;gap:var(--space-3)}.value-item,[dir=rtl] .value-item{text-align:center}}@media (max-width:480px) and (max-height:640px){.mission-bg-shape{display:none}.mission-card{backdrop-filter:none;-webkit-backdrop-filter:none}.card-icon-container,.value-icon-container{animation:none}}@media (prefers-reduced-motion:reduce){.card-icon-container,.gradient-shift,.mission-bg-shape,.mission-card,.value-icon-container{animation:none!important;transition:none!important}.cta-button:hover,.mission-card:hover{transform:translateZ(0)!important;transform:var(--gpu-transform)!important}*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (prefers-contrast:more){.mission-card{background:#fff!important;border:2px solid #000!important;box-shadow:none!important}.mission-card:before{background:#000!important}.mission-card-primary{background:#3b82f6!important;border:2px solid #000!important}.card-icon-container,.value-icon-container{background:#e2e8f0!important;border:1px solid #000!important}.mission-card-primary .card-icon-container{background:#fff!important}.card-title,.value-title{color:#000!important}.card-description,.value-description{color:#333!important}.mission-card-primary .card-description,.mission-card-primary .card-title{color:#fff!important}.mission-title,.quote-text{-webkit-text-fill-color:#000!important;background:none!important;color:#000!important}.quote-line{background:#000!important}.mission-bg-gradient,.mission-bg-particles,.mission-bg-shape{opacity:.05!important}}.card-icon-container,.cta-button,.mission-bg-shape,.mission-card,.value-icon-container{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);transform:var(--gpu-transform)}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.card-title,.mission-card,.mission-section,.mission-title,.quote-text{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@supports (padding:max(0px)){.mission-container{padding-left:max(5%,env(safe-area-inset-left));padding-right:max(5%,env(safe-area-inset-right))}}@media print{.mission-bg,.mission-bg-shape{display:none!important}.mission-card,.mission-section{background:#fff!important}.mission-card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:1px solid #000!important;box-shadow:none!important}.mission-card-primary{background:#3b82f6!important;color:#fff!important}.mission-title,.quote-text{-webkit-text-fill-color:#000!important;background:none!important;color:#000!important}}@supports (contain:layout){.mission-card,.mission-cards,.mission-container,.mission-content,.mission-section{contain:layout style}}@supports (content-visibility:auto){.mission-bg,.mission-cards{contain-intrinsic-size:0 400px;content-visibility:auto}}

/*!* src/components/ServicesOverviewSection.css *!*/
/*!* تصميم نظيف بدون ظلال مع تدرجات أنيقة *!*/

/*!* ===== Services Section Base ===== *!*/

/*!* RTL Support *!*/

/*!* ===== Container ===== *!*/

/*!* ===== Section Header ===== *!*/

/*!* تدرجات العنوان مثل الهيرو *!*/

/*!* ===== Services Grid ===== *!*/

/*!* ===== Service Card ===== *!*/

/*!* ===== Features List ===== *!*/

/*!* ===== Service Footer ===== *!*/

/*!* ===== Call to Action ===== *!*/

/*!* ===== Background Elements ===== *!*/

/*!* ===== Responsive Styles ===== *!*/

/*!* ===== Accessibility ===== *!*/

/*!* ===== Focus States ===== *!*/

/*!* ===== Print Styles ===== *!*/.services-section *,.services-section :after,.services-section :before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.services-section{background:#0000;contain:layout style paint;min-height:auto;overflow:hidden;padding:var(--space-20) 0;position:relative;width:100%;will-change:auto}body.lang-ar .services-section{direction:rtl}.services-container{contain:layout;margin:0 auto;max-width:1500px;padding:0 var(--space-6);position:relative;z-index:var(--z-content)}.services-content{contain:layout;display:flex;flex-direction:column;gap:var(--space-16)}.services-header{margin:0 auto var(--space-10);max-width:900px;text-align:center}.services-header,.services-title{contain:layout;position:relative;text-rendering:optimizeSpeed}.services-title{color:var(--text-primary);font-family:var(--font-primary);font-size:clamp(2.25rem,5vw,3.5rem);font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:1.1;margin-bottom:var(--space-2);width:100%}body.lang-ar .services-title{font-family:var(--font-arabic);font-weight:var(--font-weight-semibold);letter-spacing:0}.services-title-gradient{background:var(--gradient-text);background-clip:text;-webkit-background-clip:text}.services-title-accent,.services-title-gradient{-webkit-text-fill-color:#0000;color:#0000;display:inline-block;will-change:auto}.services-title-accent{background:var(--gradient-accent);background-clip:text;-webkit-background-clip:text}.services-subtitle{color:var(--text-secondary);font-family:var(--font-primary);font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:var(--font-weight-medium);line-height:1.6;margin:0 auto var(--space-6);max-width:700px;text-rendering:optimizeSpeed}body.lang-ar .services-subtitle{font-family:var(--font-arabic);font-weight:var(--font-weight-normal)}.services-description{color:var(--text-muted);font-family:var(--font-primary);font-size:clamp(1rem,1.8vw,1.125rem);line-height:1.7;margin:0 auto;max-width:800px;text-rendering:optimizeSpeed}body.lang-ar .services-description{font-family:var(--font-arabic);font-weight:var(--font-weight-normal);line-height:1.8}.services-grid{grid-gap:var(--space-6);contain:layout;display:grid;gap:var(--space-6);grid-template-columns:repeat(4,1fr);margin-bottom:var(--space-12);margin-left:auto;margin-right:auto;max-width:1400px}.service-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);contain:layout style;display:flex;flex-direction:column;margin:var(--space-1);overflow:hidden;padding:var(--space-6);position:relative;transform:translateZ(0);transition:transform var(--transition-normal),background-color var(--transition-normal),border-color var(--transition-normal);will-change:transform}.service-card:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:translateZ(0);will-change:auto}.service-card:hover{background:var(--card-hover);border-color:#f973164d;transform:translateY(-4px) translateZ(0)}.service-icon-container{align-items:center;background:linear-gradient(135deg,#f973161a,#f9731633);border-radius:var(--radius-lg);display:flex;height:70px;justify-content:center;margin-bottom:var(--space-6);transform:translateZ(0);transition:transform var(--transition-normal),background var(--transition-normal);width:70px;will-change:transform}.service-card:hover .service-icon-container{background:linear-gradient(135deg,#f9731626,#f9731640);transform:scale(1.05) translateZ(0)}.service-icon{color:var(--accent-orange);height:35px;width:35px;will-change:auto}.service-title{color:var(--text-primary);font-family:var(--font-primary);font-size:clamp(1.25rem,2vw,1.5rem);font-weight:var(--font-weight-bold);line-height:1.3;margin-bottom:var(--space-4);text-rendering:optimizeSpeed;transition:color var(--transition-normal)}body.lang-ar .service-title{font-family:var(--font-arabic)}.service-card:hover .service-title{color:var(--accent-orange)}.service-description{color:var(--text-secondary);font-family:var(--font-primary);font-size:var(--font-size-base);line-height:1.6;margin-bottom:var(--space-6);text-rendering:optimizeSpeed}body.lang-ar .service-description{font-family:var(--font-arabic)}.service-features{background:var(--bg-tertiary);border:1px solid var(--card-border);border-radius:var(--radius-lg);contain:layout;margin-bottom:var(--space-6);margin-top:auto;padding:var(--space-5)}.features-title{color:var(--text-primary);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3);text-rendering:optimizeSpeed}body.lang-ar .features-title{font-family:var(--font-arabic)}.features-list{contain:layout;display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0}.feature-item{align-items:center;contain:layout;display:flex;gap:var(--space-3)}.feature-icon{color:var(--accent-orange);flex-shrink:0;height:16px;width:16px}.feature-item span{color:var(--text-secondary);font-family:var(--font-primary);font-size:var(--font-size-sm);text-rendering:optimizeSpeed}body.lang-ar .feature-item span{font-family:var(--font-arabic)}.service-footer{contain:layout;display:flex;justify-content:flex-end;margin-top:auto}.service-button{align-items:center;background:#0000;border:none;color:var(--accent-orange);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);padding:var(--space-2) 0;transform:translateZ(0);transition:color var(--transition-normal),transform var(--transition-normal);will-change:transform}body.lang-ar .service-button{font-family:var(--font-arabic)}.service-button:hover{color:var(--primary-600);transform:translateX(5px) translateZ(0)}.arrow-icon{height:16px;transition:transform var(--transition-normal);width:16px;will-change:transform}.arrow-icon.rtl{transform:rotate(180deg)}.service-button:hover .arrow-icon{transform:translateX(3px)}.service-button:hover .arrow-icon.rtl{transform:rotate(180deg) translateX(3px)}.services-cta{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);contain:layout;display:flex;flex-direction:column;gap:var(--space-6);margin:0 auto;max-width:900px;padding:var(--space-12);text-align:center}.cta-text{color:var(--text-primary);font-family:var(--font-primary);font-size:clamp(1.375rem,3vw,1.75rem);font-weight:var(--font-weight-bold);line-height:1.4;text-rendering:optimizeSpeed}body.lang-ar .cta-text{font-family:var(--font-arabic)}.cta-button{background:var(--gradient-primary);border:none;color:#fff}.cta-button:hover{background:linear-gradient(135deg,#ea580c,#dc2626);transform:translateY(-2px) translateZ(0)}.services-bg{bottom:0;left:0;opacity:.3;overflow:hidden;position:absolute;right:0;top:0;will-change:auto;z-index:var(--z-background)}.services-bg-gradient{background:linear-gradient(135deg,var(--bg-primary),var(--bg-secondary));opacity:.1}.services-bg-gradient,.services-bg-pattern{bottom:0;left:0;position:absolute;right:0;top:0;transform:translateZ(0);will-change:auto}.services-bg-pattern{background-image:linear-gradient(#f9731605 1px,#0000 0),linear-gradient(90deg,#f9731605 1px,#0000 0);background-size:20px 20px;opacity:.4}.services-bg-shape{border-radius:50%;filter:blur(70px);opacity:.02;position:absolute;transform:translateZ(0);will-change:auto}.shape-1{background:var(--gradient-accent);height:600px;right:-10%;top:-10%;width:600px}.shape-2{background:var(--gradient-primary);bottom:-10%;height:700px;left:-10%;width:700px}@media (max-width:1400px){.services-grid{gap:var(--space-5);max-width:1200px}}@media (max-width:1280px){.services-grid{gap:var(--space-6);grid-template-columns:repeat(2,1fr);max-width:900px}.service-card{margin:var(--space-2);padding:var(--space-6)}}@media (max-width:1024px){.services-section{padding:var(--space-16) 0}.services-grid{gap:var(--space-5);grid-template-columns:repeat(2,1fr);max-width:800px}}@media (max-width:768px){.services-section{padding:var(--space-12) 0}.services-content{gap:var(--space-12)}.services-title{font-size:clamp(1.75rem,7vw,2.5rem);line-height:1.2;margin-bottom:var(--space-3)}.services-subtitle{font-size:clamp(1rem,4vw,1.25rem);margin-bottom:var(--space-3)}.services-description{font-size:clamp(.9rem,3vw,1rem);line-height:1.6}.services-grid{gap:var(--space-6);grid-template-columns:1fr;margin-left:auto;margin-right:auto;max-width:500px}.service-card{margin:0;padding:var(--space-6)}.services-cta{padding:var(--space-8)}}@media (max-width:480px){.services-section{padding:var(--space-10) 0}.services-title{font-size:clamp(1.5rem,8vw,2rem);line-height:1.3}.services-subtitle{font-size:clamp(.95rem,4vw,1.125rem)}.services-description{font-size:clamp(.85rem,3.5vw,.95rem)}.service-card{padding:var(--space-5)}.service-icon-container{height:60px;width:60px}.service-icon{height:30px;width:30px}.cta-button{padding:var(--space-3) var(--space-6)}}@media (prefers-reduced-motion:reduce){.cta-button,.service-button,.service-card,.service-icon-container{transition:none!important;will-change:auto!important}.cta-button:hover,.service-button:hover,.service-card:hover{transform:none!important}}.cta-button:focus-visible,.service-button:focus-visible{outline:2px solid var(--accent-orange);outline-offset:2px}@media print{.services-bg{display:none!important}.service-card{border:2px solid var(--text-muted)!important;transform:none!important;will-change:auto!important}.service-card,.services-cta{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}.service-card:not(:hover),.service-icon-container:not(:hover){will-change:auto}.cta-button,.service-button,.service-card,.services-bg-gradient,.services-bg-pattern,.services-bg-shape{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.features-list,.service-features,.services-container,.services-content,.services-grid{contain:layout}.services-bg{contain:strict}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.cta-text,.service-title,.services-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@supports (contain:layout style paint){.service-card{contain:layout style paint}.services-cta,.services-header{contain:layout style}}

/*!* src/components/WhyLeadingSection.css *!*/
/*!* تصميم محدث مع النظام الموحد وخلفية متموجة متميزة *!*/

/*!* ===== Why Leading Section Base ===== *!*/

/*!* الوضع المظلم *!*/

/*!* RTL Support *!*/

/*!* ===== Container ===== *!*/

/*!* ===== Section Header ===== *!*/

/*!* تدرجات العنوان مثل الهيرو *!*/

/*!* ===== Advantages Grid ===== *!*/

/*!* ===== Advantage Card ===== *!*/
/*    !*box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);*!*/
/*    !*box-shadow: 0 8px 25px rgba(249, 115, 22, 0.1);*!*/
/*    !*box-shadow: 0 4px 15px rgba(249, 115, 22, 0.1);*!*/
/*    !*box-shadow: 0 8px 25px rgba(249, 115, 22, 0.2);*!*/

/*!* ===== Additional Benefits ===== *!*/
/*    !*box-shadow: 0 4px 20px rgba(249, 115, 22, 0.06);*!*/

/*!* ===== Call to Action ===== *!*/

/*!* ===== Client Testimonial ===== *!*/
/*    !*box-shadow: 0 4px 20px rgba(249, 115, 22, 0.08);*!*/
/*    !*box-shadow: 0 4px 15px rgba(249, 115, 22, 0.15);*!*/

/*!* ===== Background Elements ===== *!*/

/*!* إضافة أشكال متحركة للخلفية *!*/

/*!* تحسين للوضع المظلم *!*/

/*!* تحريك الخلفية *!*/

/*!* ===== Responsive Styles ===== *!*/

/*!* ===== Accessibility ===== *!*/

/*!* تحسين الخلفية للشاشات الصغيرة *!*/

/*!* ===== Focus States ===== *!*/

/*!* ===== Print Styles ===== *!*/.why-leading-section *,.why-leading-section :after,.why-leading-section :before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.why-leading-section{background:radial-gradient(ellipse at top left,#f973160d 0,#0000 50%),radial-gradient(ellipse at bottom right,#3b82f60a 0,#0000 50%),linear-gradient(135deg,#f8fafc26,#f1f5f94d 20%,#f8fafc66 40%,#f1f5f940 60%,#f8fafc59 80%,#f1f5f91a);contain:layout style paint;overflow:hidden;padding:var(--space-20) 0;position:relative;width:100%;will-change:auto}[data-theme=dark] .why-leading-section{background:radial-gradient(ellipse at top left,#f9731614 0,#0000 50%),radial-gradient(ellipse at bottom right,#3b82f60f 0,#0000 50%),linear-gradient(135deg,#0f172a26,#1e293b4d 20%,#33415566 40%,#1e293b40 60%,#33415559 80%,#0f172a1a)}body.lang-ar .why-leading-section{direction:rtl}.why-leading-container{contain:layout;margin:0 auto;max-width:1500px;padding:0 var(--space-6);position:relative;z-index:var(--z-content)}.why-leading-content{contain:layout;display:flex;flex-direction:column;gap:var(--space-16)}.why-leading-header{margin:0 auto var(--space-10);max-width:900px;text-align:center}.why-leading-header,.why-leading-title{contain:layout;position:relative;text-rendering:optimizeSpeed}.why-leading-title{color:var(--text-primary);font-family:var(--font-primary);font-size:clamp(2.25rem,5vw,3.5rem);font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:1.1;margin-bottom:var(--space-2);width:100%}body.lang-ar .why-leading-title{font-family:var(--font-arabic);font-weight:var(--font-weight-semibold);letter-spacing:0}.why-leading-title-gradient{background:var(--gradient-text);background-clip:text;-webkit-background-clip:text}.why-leading-title-accent,.why-leading-title-gradient{-webkit-text-fill-color:#0000;color:#0000;display:inline-block;will-change:auto}.why-leading-title-accent{background:var(--gradient-accent);background-clip:text;-webkit-background-clip:text}.why-leading-subtitle{color:var(--text-secondary);font-family:var(--font-primary);font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:var(--font-weight-medium);line-height:1.6;margin:0 auto var(--space-6);max-width:700px;text-rendering:optimizeSpeed}body.lang-ar .why-leading-subtitle{font-family:var(--font-arabic);font-weight:var(--font-weight-normal)}.why-leading-description{color:var(--text-muted);font-family:var(--font-primary);font-size:clamp(1rem,1.8vw,1.125rem);line-height:1.7;margin:0 auto;max-width:800px;text-rendering:optimizeSpeed}body.lang-ar .why-leading-description{font-family:var(--font-arabic);font-weight:var(--font-weight-normal);line-height:1.8}.advantages-grid{grid-gap:var(--space-8);contain:layout;display:grid;gap:var(--space-8);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-12);margin-left:auto;margin-right:auto;max-width:1400px}.advantage-card{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);contain:layout style;display:flex;flex-direction:column;overflow:hidden;padding:var(--space-8);position:relative;text-align:center;transform:translateZ(0);transition:transform var(--transition-normal),background-color var(--transition-normal),border-color var(--transition-normal);will-change:transform}.advantage-card:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:translateZ(0);will-change:auto}.advantage-card:hover{background:var(--card-hover);border-color:#f9731666;transform:translateY(-6px) translateZ(0)}.advantage-icon-container{align-items:center;background:linear-gradient(135deg,#f9731626,#f9731640);border:2px solid #f9731633;border-radius:50%;display:flex;height:90px;justify-content:center;margin-bottom:var(--space-6);transform:translateZ(0);transition:transform var(--transition-normal),background var(--transition-normal),border-color var(--transition-normal);width:90px;will-change:transform}.advantage-card:hover .advantage-icon-container{background:linear-gradient(135deg,#f9731640,#f9731659);border-color:#f9731666;transform:scale(1.08) translateZ(0)}.advantage-icon{color:#ea580c;filter:drop-shadow(0 2px 4px rgba(249,115,22,.3));height:45px;width:45px;will-change:auto}.advantage-title{color:var(--text-primary);font-family:var(--font-primary);font-size:clamp(1.25rem,2vw,1.5rem);font-weight:var(--font-weight-bold);line-height:1.3;margin-bottom:var(--space-4);text-rendering:optimizeSpeed;transition:color var(--transition-normal)}body.lang-ar .advantage-title{font-family:var(--font-arabic)}.advantage-card:hover .advantage-title{color:var(--accent-orange)}.advantage-description{color:var(--text-secondary);font-family:var(--font-primary);font-size:var(--font-size-base);line-height:1.6;text-rendering:optimizeSpeed}body.lang-ar .advantage-description{font-family:var(--font-arabic)}.additional-benefits{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);contain:layout;margin:0 auto;max-width:1000px;padding:var(--space-12)}.benefits-title{color:var(--text-primary);font-family:var(--font-primary);font-size:clamp(1.375rem,3vw,1.75rem);font-weight:var(--font-weight-bold);margin-bottom:var(--space-8);text-align:center;text-rendering:optimizeSpeed}body.lang-ar .benefits-title{font-family:var(--font-arabic)}.benefits-list{grid-gap:var(--space-6);contain:layout;display:grid;gap:var(--space-6);grid-template-columns:repeat(2,1fr)}.benefit-item{align-items:center;contain:layout;display:flex;gap:var(--space-4)}.benefit-icon{background:#f973161a;border:1px solid #f9731633;border-radius:50%;color:#ea580c;filter:drop-shadow(0 1px 3px rgba(249,115,22,.2));flex-shrink:0;height:28px;padding:6px;width:28px}.benefit-item span{color:var(--text-secondary);font-family:var(--font-primary);font-size:var(--font-size-base);line-height:1.5;text-rendering:optimizeSpeed}body.lang-ar .benefit-item span{font-family:var(--font-arabic)}.why-leading-cta{contain:layout;padding:var(--space-8) 0;text-align:center}.cta-heading{color:var(--text-primary);font-family:var(--font-primary);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:var(--font-weight-bold);margin-bottom:var(--space-8);text-rendering:optimizeSpeed}body.lang-ar .cta-heading{font-family:var(--font-arabic)}.cta-buttons{contain:layout;gap:var(--space-6)}.cta-button{align-items:center;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-3);justify-content:center;min-width:180px;padding:var(--space-4) var(--space-8);transform:translateZ(0);transition:transform var(--transition-normal),background var(--transition-normal);will-change:transform}body.lang-ar .cta-button{font-family:var(--font-arabic)}.primary-button{background:var(--gradient-primary);border:none;color:#fff}.primary-button:hover{background:linear-gradient(135deg,#ea580c,#dc2626);transform:translateY(-2px) translateZ(0)}.secondary-button{background:#0000;border:2px solid var(--accent-orange);color:var(--accent-orange)}.secondary-button:hover{background:#f973161a;transform:translateY(-2px) translateZ(0)}.button-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));height:22px;width:22px}.client-testimonial{contain:layout;margin:0 auto;max-width:1000px}.testimonial-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);contain:layout;padding:var(--space-12);position:relative}.quote-mark{color:#f9731626;filter:drop-shadow(0 2px 8px rgba(249,115,22,.1));font-family:Georgia,serif;font-size:6rem;font-weight:900;left:var(--space-8);line-height:1;position:absolute;top:var(--space-8);will-change:auto}body.lang-ar .quote-mark{left:auto;right:var(--space-8)}.testimonial-text{color:var(--text-secondary);font-family:var(--font-primary);font-size:clamp(1.125rem,2.5vw,1.375rem);font-style:italic;line-height:1.7;margin-bottom:var(--space-8);padding:0 var(--space-4) 0 var(--space-12);position:relative;text-rendering:optimizeSpeed;z-index:1}body.lang-ar .testimonial-text{font-family:var(--font-arabic);font-style:normal;padding:0 var(--space-12) 0 var(--space-4)}.testimonial-author{align-items:center;contain:layout;display:flex;gap:var(--space-4)}.author-avatar{background:var(--gradient-primary);border:3px solid #f9731633;border-radius:50%;flex-shrink:0;height:65px;overflow:hidden;position:relative;transform:translateZ(0);width:65px;will-change:auto}.author-avatar:before{color:#fff;content:"👤";font-size:1.5rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.author-info{contain:layout;display:flex;flex-direction:column}.author-name{color:var(--text-primary);font-family:var(--font-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1);text-rendering:optimizeSpeed}body.lang-ar .author-name{font-family:var(--font-arabic)}.author-position{color:var(--text-muted);font-family:var(--font-primary);font-size:var(--font-size-sm);text-rendering:optimizeSpeed}body.lang-ar .author-position{font-family:var(--font-arabic)}.why-leading-bg{opacity:.6;overflow:hidden;z-index:var(--z-background)}.why-leading-bg,.why-leading-bg-gradient{bottom:0;left:0;position:absolute;right:0;top:0;will-change:auto}.why-leading-bg-gradient{background:radial-gradient(ellipse at 20% 30%,#f9731614 0,#0000 50%),radial-gradient(ellipse at 80% 70%,#3b82f60f 0,#0000 50%),radial-gradient(ellipse at 40% 80%,#f973160d 0,#0000 40%),linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);opacity:.7;transform:translateZ(0)}.why-leading-bg-pattern{animation:backgroundFloat 20s ease-in-out infinite;background-image:radial-gradient(circle at 25% 25%,#f973161f 2px,#0000 0),radial-gradient(circle at 75% 75%,#3b82f614 1px,#0000 0),linear-gradient(45deg,#f973160a 25%,#0000 0),linear-gradient(-45deg,#3b82f608 25%,#0000 0),repeating-linear-gradient(90deg,#0000,#0000 40px,#f9731605 0,#f9731605 80px);background-position:0 0,20px 20px,0 0,40px 40px,0 0;background-size:40px 40px,60px 60px,80px 80px,80px 80px,160px 160px;bottom:0;left:0;opacity:.5;position:absolute;right:0;top:0;transform:translateZ(0);will-change:transform}.why-leading-bg:before{animation:floatShape1 15s ease-in-out infinite;background:radial-gradient(circle,#f973160f 0,#0000 70%);height:200px;left:15%;top:10%;width:200px}.why-leading-bg:after,.why-leading-bg:before{border-radius:50%;content:"";position:absolute;transform:translateZ(0);will-change:transform,opacity}.why-leading-bg:after{animation:floatShape2 18s ease-in-out infinite reverse;background:radial-gradient(circle,#3b82f60d 0,#0000 70%);bottom:15%;height:150px;right:20%;width:150px}[data-theme=dark] .why-leading-bg:before{background:radial-gradient(circle,#f9731614 0,#0000 70%)}[data-theme=dark] .why-leading-bg:after{background:radial-gradient(circle,#3b82f612 0,#0000 70%)}[data-theme=dark] .why-leading-bg-gradient{background:radial-gradient(ellipse at 20% 30%,#f973161a 0,#0000 50%),radial-gradient(ellipse at 80% 70%,#3b82f614 0,#0000 50%),radial-gradient(ellipse at 40% 80%,#f9731612 0,#0000 40%),linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%)}@keyframes backgroundFloat{0%,to{opacity:.5;transform:translateX(0) translateY(0) rotate(0deg) translateZ(0)}25%{opacity:.6;transform:translateX(10px) translateY(-5px) rotate(.5deg) translateZ(0)}50%{opacity:.4;transform:translateX(-5px) translateY(10px) rotate(-.3deg) translateZ(0)}75%{opacity:.7;transform:translateX(-10px) translateY(-8px) rotate(.2deg) translateZ(0)}}@keyframes floatShape1{0%,to{opacity:.6;transform:translateY(0) translateX(0) scale(1) translateZ(0)}33%{opacity:.8;transform:translateY(-20px) translateX(15px) scale(1.1) translateZ(0)}66%{opacity:.4;transform:translateY(10px) translateX(-10px) scale(.9) translateZ(0)}}@keyframes floatShape2{0%,to{opacity:.5;transform:translateY(0) translateX(0) scale(1) rotate(0deg) translateZ(0)}50%{opacity:.7;transform:translateY(-15px) translateX(20px) scale(1.2) rotate(5deg) translateZ(0)}}@media (max-width:1400px){.advantages-grid{gap:var(--space-6);max-width:1200px}}@media (max-width:1280px){.advantages-grid{grid-template-columns:repeat(2,1fr);max-width:900px}.advantage-card{padding:var(--space-6)}}@media (max-width:1024px){.why-leading-section{padding:var(--space-16) 0}.benefits-list{gap:var(--space-4);grid-template-columns:1fr}.additional-benefits,.testimonial-container{padding:var(--space-8)}}@media (max-width:768px){.why-leading-section{padding:var(--space-12) 0}.why-leading-content{gap:var(--space-12)}.why-leading-title{font-size:clamp(1.75rem,7vw,2.5rem);line-height:1.2;margin-bottom:var(--space-3)}.why-leading-subtitle{font-size:clamp(1rem,4vw,1.25rem);margin-bottom:var(--space-3)}.why-leading-description{font-size:clamp(.9rem,3vw,1rem);line-height:1.6}.advantages-grid{gap:var(--space-6);grid-template-columns:1fr;max-width:500px}.quote-mark{font-size:4rem;left:var(--space-4);top:var(--space-4)}body.lang-ar .quote-mark{right:var(--space-4)}.testimonial-text{padding:0 var(--space-2) 0 var(--space-8)}body.lang-ar .testimonial-text{padding:0 var(--space-8) 0 var(--space-2)}.cta-buttons{align-items:center;flex-direction:column;gap:var(--space-4)}.cta-button{max-width:320px;width:100%}}@media (max-width:480px){.why-leading-section{padding:var(--space-10) 0}.why-leading-title{font-size:clamp(1.5rem,8vw,2rem);line-height:1.3}.why-leading-subtitle{font-size:clamp(.95rem,4vw,1.125rem)}.why-leading-description{font-size:clamp(.85rem,3.5vw,.95rem)}.advantage-card{padding:var(--space-5)}.advantage-icon-container{height:75px;width:75px}.advantage-icon{height:38px;width:38px}.benefit-icon{height:24px;padding:4px;width:24px}.testimonial-container{padding:var(--space-6)}.quote-mark{font-size:3rem;left:var(--space-3);top:var(--space-3)}body.lang-ar .quote-mark{right:var(--space-3)}.testimonial-text{font-size:var(--font-size-base);padding:0 var(--space-1) 0 var(--space-6)}body.lang-ar .testimonial-text{padding:0 var(--space-6) 0 var(--space-1)}}@media (prefers-reduced-motion:reduce){.advantage-card,.advantage-icon-container,.cta-button{transition:none!important;will-change:auto!important}.advantage-card:hover,.cta-button:hover{transform:none!important}.why-leading-bg-pattern,.why-leading-bg:after,.why-leading-bg:before{animation:none!important;will-change:auto!important}}@media (max-width:768px){.why-leading-bg:before{height:120px;left:10%;top:5%;width:120px}.why-leading-bg:after{bottom:5%;height:100px;right:10%;width:100px}.why-leading-bg-pattern{background-size:20px 20px,30px 30px,40px 40px,40px 40px,80px 80px;opacity:.3}}.advantage-card:focus-visible,.cta-button:focus-visible{outline:2px solid var(--accent-orange);outline-offset:2px}@media print{.why-leading-bg{display:none!important}.additional-benefits,.advantage-card,.testimonial-container{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:2px solid var(--text-muted)!important;transform:none!important;will-change:auto!important}}.advantage-card:not(:hover),.advantage-icon-container:not(:hover){will-change:auto}.advantage-card,.author-avatar,.cta-button,.why-leading-bg-gradient,.why-leading-bg-pattern{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.advantages-grid,.benefits-list,.cta-buttons,.testimonial-author,.why-leading-container,.why-leading-content{contain:layout}.why-leading-bg{contain:strict}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.advantage-title,.benefits-title,.cta-heading,.why-leading-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@supports (contain:layout style paint){.advantage-card{contain:layout style paint}.additional-benefits,.client-testimonial,.why-leading-header{contain:layout style}}


/*!* =============================================== *!*/
/*!* 🎯 FooterSection.css - أنماط الفوتر فقط *!*/
/*!* يستخدم المتغيرات من unified-styles.css *!*/
/*!* تم تقليل الحجم من 25KB إلى 5KB (80% توفير) *!*/
/*!* =============================================== *!*/

/*!* ===== الفوتر الأساسي ===== *!*/

/*    !* خلفية متدرجة ناعمة *!*/

/*!* تحسين خلفية الوضع المظلم *!*/

/*!* دعم الاتجاه العربي *!*/

/*!* ===== الحاويات الأساسية ===== *!*/

/*!* ===== تخطيط المحتوى ===== *!*/

/*!* ===== أعمدة الفوتر ===== *!*/

/*!* ===== معلومات الشركة ===== *!*/

/*!* ===== معلومات الاتصال ===== *!*/

/*!* ===== عناوين الأعمدة ===== *!*/

/*!* ===== روابط الفوتر ===== *!*/

/*!* ===== روابط وسائل التواصل الاجتماعي ===== *!*/

/*!* ===== النشرة البريدية ===== *!*/

/*!* ===== الجزء السفلي من الفوتر ===== *!*/

/*!* ===== زر العودة إلى الأعلى ===== *!*/

/*!* ===== تحسينات الأداء ===== *!*/

/*!* ===== إمكانية الوصول ===== *!*/

/*!* وضع التباين العالي *!*/

/*!* أنماط الطباعة *!*/

/*!* التركيز بالكيبورد *!*/

/*!* الحالة النشطة للعناصر التفاعلية *!*/

/*!* دعم المناطق الآمنة *!*/

/*!*.footer-section {*!*/
/*!*    background: var(--footer-bg-transparent);*!*/
/*!*    !* ويمكنك الإبقاء على background-image *!*!*/
/*!*    background-image:*!*/
/*!*            radial-gradient(circle at 20% 80%, rgba(59, 130, 246, 0.03) 0%, transparent 50%),*!*/
/*!*            radial-gradient(circle at 80% 20%, rgba(139, 92, 246, 0.03) 0%, transparent 50%);*!*/
/*!*}*!*/
/*!*[data-theme="dark"] .footer-section {*!*/
/*!*    background-image:*!*/
/*!*            radial-gradient(circle at 20% 80%, rgba(59, 130, 246, 0.08) 0%, transparent 50%),*!*/
/*!*            radial-gradient(circle at 80% 20%, rgba(139, 92, 246, 0.06) 0%, transparent 50%);*!*/
/*!*}*!*/.footer-section *,.footer-section :after,.footer-section :before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.footer-section{background:#ffffffbf;background-image:radial-gradient(circle at 20% 80%,#3b82f608 0,#0000 50%),radial-gradient(circle at 80% 20%,#8b5cf608 0,#0000 50%);color:var(--text-primary);font-family:var(--font-primary);overflow:hidden;position:relative;transition:background-color var(--transition-smooth),color var(--transition-smooth);width:100%;will-change:auto}[data-theme=dark] .footer-section{background-image:radial-gradient(circle at 20% 80%,#3b82f614 0,#0000 50%),radial-gradient(circle at 80% 20%,#8b5cf60f 0,#0000 50%)}.footer-section.rtl,.footer-section[dir=rtl]{direction:rtl;text-align:right}.footer-section.rtl *,.footer-section[dir=rtl] *{font-family:var(--font-arabic)}.footer-main{background:var(--footer-bg);padding:var(--space-20) 0 var(--space-12);transition:background-color var(--transition-smooth)}.footer-container,.footer-main{contain:layout;position:relative}.footer-container{margin:0 auto;max-width:1400px;padding:0 var(--space-6)}.footer-content{grid-gap:var(--space-12);align-items:start;contain:layout;display:grid;gap:var(--space-12);grid-template-columns:1.8fr 1fr 1fr 1.2fr}@media (max-width:1280px){.footer-content{gap:var(--space-10);grid-template-columns:1.5fr 1fr 1fr 1fr}}@media (max-width:1024px){.footer-content{gap:var(--space-8);grid-template-columns:1fr 1fr}.company-info{grid-column:1/-1;margin-bottom:var(--space-6)}.footer-main{padding:var(--space-16) 0 var(--space-10)}.footer-container{padding:0 var(--space-4)}}@media (max-width:768px){.footer-content{gap:var(--space-6);grid-template-columns:1fr}.footer-content,.footer-content.rtl{text-align:center}.footer-main{padding:var(--space-12) 0 var(--space-8)}.footer-container{padding:0 var(--space-3)}}@media (max-width:480px){.footer-main{padding:var(--space-10) 0 var(--space-6)}.footer-container{padding:0 var(--space-2)}}.footer-column{contain:layout;display:flex;flex-direction:column;gap:var(--space-4);min-width:0;width:100%}.company-info{gap:var(--space-5)}.footer-logo-container{align-items:center;contain:layout;display:flex;gap:var(--space-4);margin-bottom:var(--space-2)}@media (max-width:768px){.footer-logo-container{justify-content:center}}@media (max-width:480px){.footer-logo-container{flex-direction:column;gap:var(--space-3);text-align:center}}.footer-logo{border:2px solid var(--footer-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);height:72px;object-fit:contain;transform:translateZ(0);transition:transform var(--transition-smooth),box-shadow var(--transition-smooth);width:72px;will-change:transform}.footer-logo:hover{box-shadow:var(--shadow-xl);transform:scale(1.05) rotate(2deg) translateZ(0)}@media (max-width:1024px){.footer-logo{height:64px;width:64px}}@media (max-width:768px){.footer-logo{height:56px;width:56px}}.logo-text{contain:layout;display:flex;flex-direction:column;gap:var(--space-1)}.company-name{-webkit-text-fill-color:#0000;background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;color:#0000;font-family:var(--font-primary);font-size:clamp(1.375rem,2.5vw,1.75rem);font-weight:var(--font-weight-bold);line-height:1.2;margin:0;text-rendering:optimizeSpeed;will-change:auto}.footer-section.rtl .company-name,.footer-section[dir=rtl] .company-name{font-family:var(--font-arabic);font-size:clamp(1.5rem,3vw,2rem)}.company-tagline{color:var(--text-secondary);font-family:var(--font-primary);font-size:clamp(.875rem,1.5vw,1rem);font-weight:var(--font-weight-medium);line-height:1.4;margin:0;text-rendering:optimizeSpeed}.footer-section.rtl .company-tagline,.footer-section[dir=rtl] .company-tagline{font-family:var(--font-arabic);font-size:clamp(1rem,2vw,1.125rem)}.company-description{color:var(--text-secondary);font-family:var(--font-primary);font-size:clamp(.9375rem,1.8vw,1.0625rem);line-height:1.7;margin:0;max-width:90%;text-rendering:optimizeSpeed}.footer-section.rtl .company-description,.footer-section[dir=rtl] .company-description{font-family:var(--font-arabic);font-size:clamp(1rem,2vw,1.125rem);line-height:1.8;max-width:100%}@media (max-width:768px){.company-description{max-width:100%;text-align:center}}.contact-info{contain:layout;flex-direction:column}.contact-info,.contact-item{display:flex;gap:var(--space-3)}.contact-item{align-items:center;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;font-family:var(--font-primary);font-size:clamp(.875rem,1.5vw,.9375rem);padding:var(--space-2);transform:translateZ(0);transition:background-color var(--transition-smooth),color var(--transition-smooth),transform var(--transition-smooth);will-change:transform}.contact-item:hover{background:var(--card-hover);color:var(--text-primary);transform:translateX(5px) translateZ(0)}.footer-section.rtl .contact-item:hover,.footer-section[dir=rtl] .contact-item:hover{transform:translateX(-5px) translateZ(0)}.footer-section.rtl .contact-item,.footer-section[dir=rtl] .contact-item{flex-direction:row-reverse;font-family:var(--font-arabic);font-size:clamp(.9375rem,2vw,1rem)}.contact-icon{color:var(--hero-neural-orange);flex-shrink:0;height:20px;transition:color var(--transition-normal),transform var(--transition-normal);width:20px}.contact-item:hover .contact-icon{color:var(--hero-neural-orange);transform:scale(1.1)}.contact-item a{align-items:center;color:inherit;display:flex;gap:var(--space-1);text-decoration:none;transition:var(--transition-normal)}.external-link-icon{opacity:0;transition:opacity var(--transition-normal)}.contact-item:hover .external-link-icon{opacity:1}@media (max-width:768px){.contact-info{align-items:center}.contact-item{justify-content:center;max-width:300px}}.column-title{color:var(--text-primary);font-family:var(--font-primary);font-size:clamp(1.125rem,2vw,1.375rem);font-weight:var(--font-weight-bold);line-height:1.3;margin:0 0 var(--space-5) 0;padding-bottom:var(--space-3);position:relative;text-rendering:optimizeSpeed}.footer-section.rtl .column-title,.footer-section[dir=rtl] .column-title{font-family:var(--font-arabic);font-size:clamp(1.25rem,2.5vw,1.5rem)}.column-title:after{background:var(--gradient-primary);border-radius:var(--radius-full);bottom:0;content:"";height:3px;left:0;position:absolute;transform:translateZ(0);transition:width var(--transition-smooth),background var(--transition-smooth);width:60px;will-change:width}.footer-section.rtl .column-title:after,.footer-section[dir=rtl] .column-title:after{left:auto;right:0}@media (max-width:768px){.column-title:after{left:50%;transform:translateX(-50%) translateZ(0)}.footer-section.rtl .column-title:after,.footer-section[dir=rtl] .column-title:after{left:50%;right:auto;transform:translateX(-50%) translateZ(0)}}.column-title:hover:after{background:var(--gradient-accent);width:80px}.footer-links{contain:layout;display:flex;flex-direction:column;gap:var(--space-3);list-style:none}.footer-link-item,.footer-links{margin:0;padding:0}.footer-link{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);display:inline-flex;font-family:var(--font-primary);font-size:clamp(.875rem,1.5vw,.9375rem);line-height:1.5;padding:var(--space-2) 0 var(--space-2) var(--space-6);position:relative;text-decoration:none;transform:translateZ(0);transition:color var(--transition-smooth),background-color var(--transition-smooth),transform var(--transition-smooth),padding var(--transition-smooth);will-change:transform}.footer-section.rtl .footer-link,.footer-section[dir=rtl] .footer-link{font-family:var(--font-arabic);font-size:clamp(.9375rem,2vw,1rem);justify-content:flex-end;padding:var(--space-2) var(--space-6) var(--space-2) 0}.footer-link:before{color:var(--text-accent);content:"▶";font-size:var(--font-size-xs);left:0;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);transition:color var(--transition-smooth),transform var(--transition-smooth),opacity var(--transition-smooth)}.footer-section.rtl .footer-link:before,.footer-section[dir=rtl] .footer-link:before{content:"◀";left:auto;right:0}.footer-link:hover{background:var(--card-hover);color:var(--text-primary);padding-left:var(--space-8);transform:translateX(8px) translateZ(0)}.footer-section.rtl .footer-link:hover,.footer-section[dir=rtl] .footer-link:hover{padding-right:var(--space-8);transform:translateX(-8px) translateZ(0)}.footer-link:hover:before{color:var(--hero-neural-orange);opacity:1;transform:translateY(-50%) scale(1.2)}@media (max-width:768px){.footer-links{align-items:center}.footer-link{justify-content:center;padding:var(--space-2) var(--space-4)}.footer-link:before{display:none}.footer-link:hover{padding:var(--space-2) var(--space-4);transform:translateY(-2px) translateZ(0)}}.social-links{contain:layout;display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6)}@media (max-width:768px){.social-links{gap:var(--space-3);justify-content:center}}.social-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);color:var(--text-primary);display:flex;height:48px;justify-content:center;overflow:hidden;position:relative;transform:translateZ(0);transition:transform var(--transition-smooth),box-shadow var(--transition-smooth),border-color var(--transition-smooth),color var(--transition-smooth);width:48px;will-change:transform}.social-link:before{background:var(--gradient-primary);content:"";height:100%;left:-100%;opacity:0;position:absolute;top:0;transform:translateZ(0);transition:left var(--transition-normal),opacity var(--transition-normal);width:100%;will-change:left,opacity}.social-link:hover:before{left:0;opacity:1}.social-link:hover{border-color:var(--gradient-primary);box-shadow:var(--shadow-xl);color:#fff;transform:translateY(-4px) scale(1.1) translateZ(0)}.social-icon{height:22px;position:relative;transition:transform var(--transition-normal);width:22px;z-index:1}.social-link:hover .social-icon{transform:scale(1.1) rotate(5deg)}@media (max-width:480px){.social-link{height:44px;width:44px}.social-icon{height:20px;width:20px}}.newsletter{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-2xl);contain:layout;margin-top:var(--space-4);overflow:hidden;padding:var(--space-6);position:relative}.newsletter:before{background:var(--gradient-primary);content:"";height:1px;left:0;opacity:.5;position:absolute;right:0;top:0;transform:translateZ(0);will-change:auto}.newsletter-title{color:var(--text-primary);font-family:var(--font-primary);font-size:clamp(1rem,2vw,1.25rem);font-weight:var(--font-weight-semibold);line-height:1.3;margin:0 0 var(--space-2) 0;text-rendering:optimizeSpeed}.footer-section.rtl .newsletter-title,.footer-section[dir=rtl] .newsletter-title{font-family:var(--font-arabic);font-size:clamp(1.125rem,2.5vw,1.375rem)}.newsletter-description{color:var(--text-secondary);font-family:var(--font-primary);font-size:clamp(.8125rem,1.5vw,.9375rem);line-height:1.6;margin:0 0 var(--space-5) 0;text-rendering:optimizeSpeed}.footer-section.rtl .newsletter-description,.footer-section[dir=rtl] .newsletter-description{font-family:var(--font-arabic);font-size:clamp(.9375rem,2vw,1rem);line-height:1.7}.newsletter-form{contain:layout;display:flex;gap:var(--space-2);position:relative}@media (max-width:480px){.newsletter-form{flex-direction:column;gap:var(--space-3)}}.newsletter-input-container{flex:1 1;position:relative}.newsletter-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:2px solid var(--card-border);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-primary);font-size:clamp(.875rem,1.5vw,.9375rem);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-smooth),box-shadow var(--transition-smooth);width:100%;will-change:auto}.footer-section.rtl .newsletter-input,.footer-section[dir=rtl] .newsletter-input{font-family:var(--font-arabic);text-align:right}.newsletter-input:focus{border-color:var(--hero-neon-blue);box-shadow:0 0 0 3px #00d4ff1a;outline:none}.newsletter-input.success{border-color:var(--hero-cyber-green);box-shadow:0 0 0 3px #39ff141a}.newsletter-input.error{border-color:var(--error-500);box-shadow:0 0 0 3px #ef44441a}.newsletter-input::placeholder{color:var(--text-muted)}.newsletter-status{border-radius:var(--radius-md);font-family:var(--font-primary);font-size:var(--font-size-xs);left:0;margin-top:var(--space-1);padding:var(--space-1) var(--space-2);position:absolute;right:0;top:100%}.newsletter-status.success{background:#39ff141a;color:var(--hero-cyber-green)}.newsletter-status.error{background:#ef44441a;color:var(--error-500)}.newsletter-button{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:flex;height:52px;justify-content:center;min-width:52px;overflow:hidden;position:relative;transform:translateZ(0);transition:background var(--transition-smooth),transform var(--transition-smooth),box-shadow var(--transition-smooth);will-change:transform}.newsletter-button:hover:not(:disabled){background:var(--gradient-accent);box-shadow:var(--shadow-xl);transform:translateY(-2px) scale(1.05) translateZ(0)}.newsletter-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.newsletter-button.loading{pointer-events:none}.loading-spinner,.send-icon{height:20px;transition:var(--transition-normal);width:20px}@media (max-width:480px){.newsletter-button{height:48px;min-width:auto;width:100%}}.footer-bottom{background:var(--footer-bg-secondary);border-top:1px solid var(--footer-border);contain:layout;padding:var(--space-6) 0;position:relative;transition:background-color var(--transition-smooth)}.footer-bottom:before{background:var(--gradient-primary);content:"";height:1px;left:0;opacity:.3;position:absolute;right:0;top:0;transform:translateZ(0);will-change:auto}@media (max-width:768px){.footer-bottom{padding:var(--space-5) 0}}@media (max-width:480px){.footer-bottom{padding:var(--space-4) 0}}.bottom-content{align-items:center;contain:layout;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between}@media (max-width:1024px){.bottom-content{align-items:center;flex-direction:column;gap:var(--space-4);text-align:center}}@media (max-width:768px){.bottom-content{gap:var(--space-3)}}.copyright{align-items:center;color:var(--text-muted);display:flex;font-family:var(--font-primary);font-size:clamp(.8125rem,1.5vw,.875rem);font-weight:var(--font-weight-medium);gap:var(--space-2);text-rendering:optimizeSpeed;transition:color var(--transition-normal)}.copyright:hover{color:var(--text-secondary)}.footer-section.rtl .copyright,.footer-section[dir=rtl] .copyright{font-family:var(--font-arabic);font-size:clamp(.875rem,2vw,.9375rem)}.legal-links{contain:layout;display:flex;flex-wrap:wrap;gap:var(--space-6)}@media (max-width:768px){.legal-links{align-items:center;flex-direction:column;gap:var(--space-3)}}@media (max-width:480px){.legal-links{gap:var(--space-2)}}.legal-link{border-radius:var(--radius-md);color:var(--text-muted);font-family:var(--font-primary);font-size:clamp(.8125rem,1.5vw,.875rem);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);position:relative;text-decoration:none;text-rendering:optimizeSpeed;transition:color var(--transition-smooth),background-color var(--transition-smooth);will-change:auto}.footer-section.rtl .legal-link,.footer-section[dir=rtl] .legal-link{font-family:var(--font-arabic);font-size:clamp(.875rem,2vw,.9375rem)}.legal-link:after{background:var(--gradient-primary);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transform:translateX(-50%) translateZ(0);transition:width var(--transition-normal);width:0;will-change:width}.legal-link:hover{background:var(--card-hover);color:var(--text-primary)}.legal-link:hover:after{width:80%}.developed-by{align-items:center;border-radius:var(--radius-md);color:var(--text-muted);display:flex;font-family:var(--font-primary);font-size:clamp(.8125rem,1.5vw,.875rem);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-1) var(--space-2);text-rendering:optimizeSpeed;transition:color var(--transition-normal),background-color var(--transition-normal)}.developed-by:hover{background:var(--card-hover);color:var(--text-secondary)}.footer-section.rtl .developed-by,.footer-section[dir=rtl] .developed-by{flex-direction:row-reverse;font-family:var(--font-arabic);font-size:clamp(.875rem,2vw,.9375rem)}.heart-icon-container{align-items:center;display:inline-flex;justify-content:center}.heart-icon{color:var(--error-500);filter:drop-shadow(0 0 4px rgba(239,68,68,.5));height:16px;transition:color var(--transition-normal),transform var(--transition-normal);width:16px}.developed-by:hover .heart-icon{color:#dc2626;transform:scale(1.2)}.scroll-to-top-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--gradient-primary);border:2px solid #ffffff1a;border-radius:var(--radius-full);bottom:var(--space-8);box-shadow:var(--shadow-xl);color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:var(--space-8);transform:translateZ(0);transition:transform var(--transition-smooth),box-shadow var(--transition-smooth),background var(--transition-smooth);width:56px;will-change:transform;z-index:var(--z-floating)}.footer-section.rtl~.scroll-to-top-btn,.footer-section[dir=rtl]~.scroll-to-top-btn{left:var(--space-8);right:auto}.scroll-to-top-btn:hover{background:var(--gradient-accent);box-shadow:var(--shadow-xl);transform:translateY(-4px) scale(1.1) translateZ(0)}.scroll-to-top-btn:focus{outline:3px solid #3b82f64d;outline-offset:2px}@media (max-width:1024px){.scroll-to-top-btn{bottom:var(--space-6);height:52px;right:var(--space-6);width:52px}.footer-section.rtl~.scroll-to-top-btn,.footer-section[dir=rtl]~.scroll-to-top-btn{left:var(--space-6);right:auto}}@media (max-width:768px){.scroll-to-top-btn{bottom:var(--space-5);height:48px;right:var(--space-5);width:48px}.footer-section.rtl~.scroll-to-top-btn,.footer-section[dir=rtl]~.scroll-to-top-btn{left:var(--space-5);right:auto}}@media (max-width:480px){.scroll-to-top-btn{bottom:var(--space-4);height:44px;right:var(--space-4);width:44px}.footer-section.rtl~.scroll-to-top-btn,.footer-section[dir=rtl]~.scroll-to-top-btn{left:var(--space-4);right:auto}}.contact-item:not(:hover),.footer-link:not(:hover),.footer-logo:not(:hover),.newsletter-button:not(:hover),.scroll-to-top-btn:not(:hover),.social-link:not(:hover){will-change:auto}.column-title:after,.footer-bottom,.footer-logo,.footer-main,.footer-section,.newsletter,.newsletter-button,.scroll-to-top-btn,.social-link{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.bottom-content,.contact-info,.footer-column,.footer-container,.footer-content,.footer-links,.legal-links,.newsletter-form,.social-links{contain:layout}.footer-section{contain:layout style paint}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important;will-change:auto!important}.contact-item:hover,.footer-link:hover,.footer-logo:hover,.legal-link:hover,.newsletter-button:hover,.scroll-to-top-btn:hover,.social-link:hover{transform:none!important}.heart-icon{animation:none!important}}@media (prefers-contrast:more){.footer-section{background:#000!important;color:#fff!important}.footer-bottom{background:#222!important}.company-description,.company-tagline,.contact-item,.copyright,.developed-by,.footer-link,.legal-link,.newsletter-description{color:#fff!important}.social-link{color:#fff!important}.newsletter,.social-link{background:#333!important;border:2px solid #fff!important}.newsletter-input{background:#000!important;border:2px solid #fff!important;color:#fff!important}.newsletter-button{background:#fff!important;border:2px solid #000!important;color:#000!important}.company-name{-webkit-text-fill-color:#fff!important;background:none!important;color:#fff!important}}@media print{.footer-section{background:#fff!important;box-shadow:none!important;color:#000!important}.footer-bottom{background:#f5f5f5!important}.newsletter,.scroll-to-top-btn,.social-links{display:none!important}.company-name,.contact-item,.copyright,.developed-by,.footer-link,.legal-link{color:#000!important}.company-name{-webkit-text-fill-color:#000!important;background:none!important}.footer-main{padding:2rem 0!important;page-break-inside:avoid}.footer-content{display:block!important}.footer-column{margin-bottom:1rem!important;page-break-inside:avoid}*{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transform:none!important;will-change:auto!important}}.footer-link:focus,.legal-link:focus,.newsletter-button:focus,.newsletter-input:focus,.scroll-to-top-btn:focus,.social-link:focus{outline:2px solid var(--hero-neon-blue);outline-offset:2px}.footer-link:active,.legal-link:active,.newsletter-button:active,.social-link:active{transform:scale(.98) translateZ(0)}@supports (padding:max(0px)){.footer-container{padding-left:max(var(--space-6),env(safe-area-inset-left));padding-right:max(var(--space-6),env(safe-area-inset-right))}@media (max-width:768px){.footer-container{padding-left:max(var(--space-4),env(safe-area-inset-left));padding-right:max(var(--space-4),env(safe-area-inset-right))}}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.column-title,.company-name,.newsletter-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@supports (contain:layout style paint){.footer-section{contain:layout style paint}.footer-bottom,.footer-main{contain:layout style}.newsletter,.social-link{contain:layout style paint}}
/*!* =============================================== *!*/
/*!* 🎯 ChatWindow.css - Chat Window Styles *!*/
/*!* استخدام المتغيرات من unified-theme.css *!*/
/*!* =============================================== *!*/

/*!* ===== Main Chat Window ===== *!*/

/*!* ===== Chat Header ===== *!*/

/*!* ===== Agent Info ===== *!*/

/*!* ===== Header Actions ===== *!*/

/*!* ===== Header Menu ===== *!*/

/*!* ===== Connection Status ===== *!*/

/*!* ===== Messages Container ===== *!*/

/*!* ===== Message Styles ===== *!*/

/*!* ===== Message Content ===== *!*/

/*!* ===== File Message ===== *!*/

/*!* ===== Message Actions ===== *!*/

/*!* ===== Message Meta ===== *!*/

/*!* ===== Typing Indicator ===== *!*/

/*!* ===== Scroll to Bottom Button ===== *!*/

/*!* ===== Chat Input ===== *!*/

/*!* ===== Chat Particles ===== *!*/

/*!* ===== Responsive Design ===== *!*/

/*!* ===== Accessibility ===== *!*/

/*!* ===== High DPI Displays ===== *!*/

/*!* ===== Print Styles ===== *!*/

/*!* ===== Performance Optimizations ===== *!*/.chat-window{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:600px;overflow:hidden;position:fixed;transform:translateZ(0);width:380px;will-change:transform;z-index:var(--z-floating)}[data-theme=dark] .chat-window{background:#0f172af2;border-color:#47556966;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d}.chat-window.minimized{max-height:60px}.chat-window.fullscreen{border-radius:var(--radius-xl);bottom:var(--space-4);left:var(--space-4);max-height:none;position:fixed;right:var(--space-4);top:var(--space-4);width:auto}.chat-header{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--header-bg);border-bottom:1px solid var(--header-border);display:flex;flex-shrink:0;gap:var(--space-3);justify-content:space-between;padding:var(--space-4);position:relative}.chat-header:before{background:var(--gradient-primary);content:"";height:3px;left:0;position:absolute;right:0;top:0}.agent-info{align-items:center;display:flex;flex:1 1;gap:var(--space-3);min-width:0}.agent-avatar{flex-shrink:0;height:40px;position:relative;width:40px}.avatar-image{overflow:hidden;position:relative}.avatar-image:before{background:linear-gradient(45deg,#ffffff1a,#0000);bottom:0;content:"";left:0;opacity:.8;position:absolute;right:0;top:0}.agent-status{background:var(--success-500);border:2px solid #fff;border-radius:50%;bottom:2px;box-shadow:0 1px 3px #0003;height:12px;position:absolute;right:2px;width:12px}[data-theme=dark] .agent-status{border-color:var(--bg-primary)}[dir=rtl] .agent-status{left:2px;right:auto}.agent-details{flex:1 1;min-width:0}.agent-name{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1.2;margin-bottom:var(--space-1)}html[dir=rtl] .agent-name{font-family:var(--font-arabic)}.agent-status-text{color:var(--success-500);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.2}html[dir=rtl] .agent-status-text{font-family:var(--font-arabic)}.header-actions{align-items:center;display:flex;gap:var(--space-1);position:relative}.header-action-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;text-decoration:none;transition:all var(--transition-fast);width:32px}.header-action-btn:hover{background:var(--card-hover);color:var(--text-primary)}.header-action-btn.call{color:var(--success-500)}.header-action-btn.call:hover{background:#10b9811a}.header-action-btn.close{color:var(--red-500)}.header-action-btn.close:hover{background:#ef44441a}.header-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-top:var(--space-1);min-width:180px;padding:var(--space-2);position:absolute;right:0;top:100%;z-index:var(--z-dropdown)}[dir=rtl] .header-menu{left:0;right:auto}[data-theme=dark] .header-menu{background:#1e293bf2;border-color:#47556999}.menu-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-3);text-align:left;text-decoration:none;transition:all var(--transition-fast);width:100%}.menu-item:hover{background:var(--card-hover);color:var(--accent-orange)}html[dir=rtl] .menu-item{font-family:var(--font-arabic);text-align:right}.connection-status{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);justify-content:center;padding:var(--space-2) var(--space-4)}.connection-status.connecting{background:#f973161a;color:var(--accent-orange)}.connection-status.disconnected{background:#ef44441a;color:var(--red-500)}.spinning{animation:spin 1s linear infinite}html[dir=rtl] .connection-status{font-family:var(--font-arabic)}.messages-container{background:var(--bg-primary);flex:1 1;overflow:hidden;position:relative}.messages-list{height:400px;overflow-y:auto;padding:var(--space-4);scroll-behavior:smooth}.messages-list::-webkit-scrollbar{width:4px}.messages-list::-webkit-scrollbar-track{background:#0000}.messages-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.messages-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.message{display:flex;gap:var(--space-3);margin-bottom:var(--space-4);position:relative}.message.user{flex-direction:row-reverse}[dir=rtl] .message.user{flex-direction:row}[dir=rtl] .message:not(.user){flex-direction:row-reverse}.message-avatar{align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:50%;color:var(--text-secondary);display:flex;flex-shrink:0;height:32px;justify-content:center;margin-top:auto;width:32px}.message.user .message-avatar{background:var(--gradient-primary);border-color:#0000;color:#fff}.message.support .message-avatar,.message.system .message-avatar{background:var(--card-bg);border-color:var(--card-border)}.message-content{flex:1 1;min-width:0;position:relative}.message-bubble{word-wrap:break-word;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);max-width:280px;overflow-wrap:break-word;padding:var(--space-3) var(--space-4);position:relative}.message.user .message-bubble{background:var(--gradient-primary);border-color:#0000;color:#fff;margin-left:auto}[dir=rtl] .message.user .message-bubble{margin-left:0;margin-right:auto}.message.system .message-bubble{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-muted);font-style:italic;margin:0 auto;text-align:center}.message-text{font-size:var(--font-size-sm);line-height:1.5;margin:0;white-space:pre-wrap}html[dir=rtl] .message-text{font-family:var(--font-arabic);line-height:1.6}.file-message{align-items:center;display:flex;gap:var(--space-3);padding:var(--space-2) 0}.file-info{flex:1 1;min-width:0}.file-name{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-1);word-break:break-all}.file-size{color:var(--text-muted);font-size:var(--font-size-xs)}.upload-progress{margin-top:var(--space-2);width:100%}.progress-bar{background:#fff3;border-radius:2px;height:4px}.progress-fill{background:#fff;border-radius:2px;transition:width var(--transition-normal)}.message-actions{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-1);position:absolute;right:var(--space-3);top:-12px;z-index:10}.message.user .message-actions,[dir=rtl] .message-actions{left:var(--space-3);right:auto}[dir=rtl] .message.user .message-actions{left:auto;right:var(--space-3)}.message-action-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;transition:all var(--transition-fast);width:24px}.message-action-btn:hover{background:var(--card-hover);color:var(--text-primary)}.message-meta{align-items:center;display:flex;gap:var(--space-2);margin-top:var(--space-1);padding:0 var(--space-1)}.message.user .message-meta{justify-content:flex-end}[dir=rtl] .message.user .message-meta{justify-content:flex-start}.message-time{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.message-status{align-items:center;display:flex}.status-sending{animation:pulse 1.5s ease-in-out infinite;color:var(--text-muted)}.status-sent{color:var(--success-500)}.status-failed{color:var(--red-500)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.typing-indicator{display:flex;gap:var(--space-3);margin-bottom:var(--space-4);opacity:.8}.typing-avatar{align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:50%;color:var(--text-secondary);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.typing-content{display:flex;flex-direction:column;gap:var(--space-1)}.typing-dots{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);display:flex;gap:4px;padding:var(--space-2) var(--space-3);width:-webkit-fit-content;width:fit-content}.typing-dots span{animation:typing-bounce 1.4s ease-in-out infinite both;background:var(--text-muted);border-radius:50%;height:6px;width:6px}.typing-dots span:first-child{animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes typing-bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.typing-text{color:var(--text-muted);font-size:var(--font-size-xs);padding-left:var(--space-2)}html[dir=rtl] .typing-text{font-family:var(--font-arabic);padding-left:0;padding-right:var(--space-2)}.scroll-to-bottom{background:var(--gradient-primary);border:none;border-radius:50%;bottom:var(--space-4);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);height:36px;position:absolute;right:var(--space-4);transition:all var(--transition-fast);width:36px;z-index:10}.scroll-to-bottom:hover{box-shadow:var(--shadow-lg)}[dir=rtl] .scroll-to-bottom{left:var(--space-4);right:auto}.chat-input-container{background:var(--card-bg);border-top:1px solid var(--card-border);flex-shrink:0;padding:var(--space-4);position:relative}.input-wrapper{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);direction:ltr;gap:var(--space-3);padding:var(--space-2);transition:all var(--transition-fast)}[dir=rtl] .input-wrapper{flex-direction:row-reverse}.input-wrapper:focus-within{border-color:var(--avatar-border-light);box-shadow:0 0 0 3px #f973161a}[dir=rtl] .input-wrapper .input-action-btn{margin-left:var(--space-1)}[dir=rtl] .input-wrapper .send-button{margin-right:var(--space-1)}.input-action-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.input-action-btn:hover{background:var(--card-hover);color:var(--text-primary)}.input-action-btn.attachment:hover{color:var(--card-hover)}.message-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-family:var(--font-primary);font-size:var(--font-size-base);min-width:0;outline:none;padding:var(--space-3) var(--space-2);resize:none}.message-input::placeholder{color:var(--text-muted)}html[dir=rtl] .message-input{font-family:var(--font-arabic)}.send-button{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.send-button.enabled:hover{background:var(--gradient-accent);transform:scale(1.05)}.send-button.disabled{background:var(--text-muted);cursor:not-allowed;opacity:.5}.input-counter{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--card-bg);border-radius:var(--radius-sm);bottom:var(--space-1);color:var(--text-muted);font-size:var(--font-size-xs);left:var(--space-4);padding:var(--space-1) var(--space-2);position:absolute}[dir=rtl] .input-counter{left:auto;right:var(--space-4)}.chat-particles{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.chat-particle{background:#f973164d;border-radius:50%;height:2px;opacity:.2;position:absolute;width:2px}[data-theme=dark] .chat-particle{background:#38bdf84d}@media (max-width:768px){.chat-window{bottom:calc(var(--space-4) + 70px);max-width:380px;right:var(--space-4);width:calc(100vw - var(--space-8))}[dir=rtl] .chat-window{left:var(--space-4);right:auto}.messages-list{height:350px}.message-bubble{max-width:240px}.agent-avatar,.message-avatar{height:28px;width:28px}.agent-avatar,.avatar-image{height:36px;width:36px}}@media (max-width:480px){.chat-window{bottom:calc(var(--space-3) + 65px);right:var(--space-3);width:calc(100vw - var(--space-6))}[dir=rtl] .chat-window{left:var(--space-3);right:auto}.chat-header,.messages-list{padding:var(--space-3)}.messages-list{height:300px}.message-bubble{max-width:200px;padding:var(--space-2) var(--space-3)}.chat-input-container{padding:var(--space-3)}.agent-name{font-size:var(--font-size-sm)}.agent-status-text{font-size:var(--font-size-xs)}.header-action-btn{height:28px;width:28px}}@media (prefers-reduced-motion:reduce){.chat-particle,.chat-window,.header-action-btn,.message,.scroll-to-bottom,.send-button,.typing-indicator{animation:none!important;transition:none!important}.spinning,.typing-dots span{animation:none!important}}@media (prefers-contrast:more){.chat-window,.input-wrapper,.message-bubble{border-color:var(--text-primary)}.message.user .message-bubble{color:var(--bg-primary)}.message.user .message-bubble,.send-button{background:var(--text-primary)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.agent-name,.chat-window,.message-text{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media print{.chat-window{border:1px solid #000!important;box-shadow:none!important;break-inside:avoid;max-height:none!important;page-break-inside:avoid;position:static!important;width:100%!important}.chat-input-container,.chat-particles,.header-actions,.scroll-to-bottom{display:none!important}.message-bubble{box-shadow:none!important;max-width:none!important}.message.user .message-bubble{background:#0000!important;border:1px solid #000!important;color:#000!important}}.chat-window,.header-action-btn,.message,.scroll-to-bottom,.send-button{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);will-change:transform}
/*!* =============================================== *!*/
/*!* 🎯 FloatingChatButton.css - Floating Chat Button *!*/
/*!* استخدام المتغيرات من unified-theme.css *!*/
/*!* =============================================== *!*/

/*!* ===== Main Chat Button Container ===== *!*/

/*    !* Safe area support *!*/

/*!* ===== Background Glow Effect ===== *!*/

/*!* ===== Pulse Ring Effect ===== *!*/

/*!* ===== Main Button ===== *!*/

/*!* ===== Status Indicator ===== *!*/

/*!* ===== Unread Badge ===== *!*/

/*!* ===== Floating Particles ===== *!*/

/*!* ===== Tooltip ===== *!*/

/*!* ===== Tooltip Header ===== *!*/

/*!* ===== Tooltip Message ===== *!*/

/*!* ===== Tooltip Arrow ===== *!*/

/*!* ===== Quick Actions ===== *!*/

/*!* ===== Chat Open State ===== *!*/

/*!* ===== Responsive Design ===== *!*/

/*!* ===== Accessibility ===== *!*/

/*!* ===== High DPI Displays ===== *!*/

/*!* ===== Print Styles ===== *!*/

/*!* ===== Performance Optimizations ===== *!*/

/*!* ===== Dark Theme Enhancements ===== *!*/.floating-chat-button{bottom:max(var(--space-6),env(safe-area-inset-bottom));cursor:pointer;height:64px;position:fixed;right:max(var(--space-6),env(safe-area-inset-right));-webkit-user-select:none;user-select:none;width:64px;will-change:transform;z-index:var(--z-floating)}[dir=rtl] .floating-chat-button{left:max(var(--space-6),env(safe-area-inset-left));right:auto}.chat-button-glow{background:var(--gradient-primary);border-radius:50%;filter:blur(20px);height:80px;left:50%;opacity:.3;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px;z-index:1}[data-theme=dark] .chat-button-glow{filter:blur(25px);opacity:.5}.chat-button-pulse{border:2px solid var(--accent-orange);border-radius:50%;height:64px;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:64px;z-index:2}.chat-button-main{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--gradient-primary);border:none;border-radius:50%;box-shadow:0 8px 25px #00000026,0 4px 10px #0000001a,inset 0 1px 0 #fff3;cursor:pointer;display:flex;height:64px;justify-content:center;outline:none;overflow:hidden;position:relative;transition:all var(--transition-normal);width:64px;z-index:3}.chat-button-main:before{background:linear-gradient(45deg,#ffffff1a,#0000);border-radius:50%;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-fast)}.chat-button-main:hover:before{opacity:1}.chat-button-main:focus-visible{outline:3px solid #f9731666;outline-offset:3px}[data-theme=dark] .chat-button-main{box-shadow:0 8px 25px #0000004d,0 4px 10px #0003,inset 0 1px 0 #ffffff1a}.status-indicator{background:var(--success-500);border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0003;height:18px;position:absolute;right:4px;top:4px;width:18px;z-index:4}[data-theme=dark] .status-indicator{border-color:var(--bg-primary)}[dir=rtl] .status-indicator{left:4px;right:auto}.unread-badge{align-items:center;background:var(--red-500);border-radius:12px;box-shadow:0 2px 8px #ef444466;color:#fff;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);height:24px;justify-content:center;line-height:1;min-width:24px;padding:0 var(--space-2);position:absolute;right:-8px;top:-8px;z-index:5}[dir=rtl] .unread-badge{left:-8px;right:auto}.floating-particles{border-radius:50%;bottom:0;right:0;z-index:1}.particle{background:#f9731699}[data-theme=dark] .particle{background:#38bdf899}.chat-tooltip{bottom:calc(var(--space-6) + 20px);max-width:300px;pointer-events:none;position:fixed;right:calc(var(--space-6) + 75px);-webkit-user-select:none;user-select:none;width:-webkit-max-content;width:max-content;z-index:var(--z-floating)}[dir=rtl] .chat-tooltip{left:calc(var(--space-6) + 75px);right:auto}.tooltip-content{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-4);position:relative}[data-theme=dark] .tooltip-content{background:#1e293bf2;border-color:#47556999}.tooltip-header{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.tooltip-avatar{flex-shrink:0;height:40px;position:relative;width:40px}.avatar-image{align-items:center;background:var(--gradient-primary);border-radius:50%;box-shadow:var(--shadow-md);color:#fff;display:flex;height:40px;justify-content:center;width:40px}.avatar-status{background:var(--success-500);border:2px solid #fff;border-radius:50%;bottom:2px;box-shadow:0 1px 3px #0003;height:12px;position:absolute;right:2px;width:12px}[data-theme=dark] .avatar-status{border-color:var(--bg-primary)}[dir=rtl] .avatar-status{left:2px;right:auto}.tooltip-info{flex:1 1;min-width:0}.tooltip-title{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1.2;margin-bottom:var(--space-1)}html[dir=rtl] .tooltip-title{font-family:var(--font-arabic)}.tooltip-status{color:var(--success-500);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.2}html[dir=rtl] .tooltip-status{font-family:var(--font-arabic)}.tooltip-message{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.4;margin-bottom:var(--space-2)}html[dir=rtl] .tooltip-message{font-family:var(--font-arabic);line-height:1.6}.tooltip-hours{border-top:1px solid var(--border-color);color:var(--text-muted);font-size:var(--font-size-xs);line-height:1.3;margin-top:var(--space-2);padding-top:var(--space-2)}html[dir=rtl] .tooltip-hours{font-family:var(--font-arabic)}.tooltip-arrow{background:var(--card-bg);border:1px solid var(--card-border);border-left:none;border-top:none;height:12px;position:absolute;right:-6px;top:50%;transform:translateY(-50%) rotate(45deg);width:12px}[data-theme=dark] .tooltip-arrow{background:#1e293bf2;border-color:#47556999}[dir=rtl] .tooltip-arrow{border-bottom:none;border-left:1px solid var(--card-border);border-right:none;border-top:1px solid var(--card-border);left:-6px;right:auto;transform:translateY(-50%) rotate(-45deg)}[dir=rtl][data-theme=dark] .tooltip-arrow{border-left-color:#47556999;border-top-color:#47556999}.quick-actions{bottom:calc(var(--space-6) - 45px);display:flex;flex-direction:column;gap:var(--space-2);position:fixed;right:calc(var(--space-6) + 75px);z-index:var(--z-floating)}[dir=rtl] .quick-actions{left:calc(var(--space-6) + 75px);right:auto}.quick-action-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--text-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-3);text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.quick-action-btn:hover{background:var(--card-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.quick-action-btn.phone{border-color:#10b9814d;color:var(--success-500)}.quick-action-btn.phone:hover{background:#10b9811a}.quick-action-btn.email{border-color:#3b82f64d;color:var(--primary-500)}.quick-action-btn.email:hover{background:#3b82f61a}html[dir=rtl] .quick-action-btn{font-family:var(--font-arabic)}.floating-chat-button.chat-open .chat-button-main{background:var(--red-500);box-shadow:0 8px 25px #ef44444d,0 4px 10px #ef444433}.floating-chat-button.chat-open .status-indicator{display:none}@media (max-width:768px){.floating-chat-button{bottom:var(--space-4);height:56px;right:var(--space-4);width:56px}[dir=rtl] .floating-chat-button{left:var(--space-4);right:auto}.chat-button-main{height:56px;width:56px}.chat-button-glow{height:70px;width:70px}.chat-button-pulse{height:56px;width:56px}.status-indicator{border-width:2px;height:16px;right:2px;top:2px;width:16px}[dir=rtl] .status-indicator{left:2px;right:auto}.unread-badge{border-radius:10px;font-size:.625rem;height:20px;min-width:20px;right:-6px;top:-6px}[dir=rtl] .unread-badge{left:-6px;right:auto}.chat-tooltip{bottom:calc(var(--space-4) + 15px);max-width:260px;right:calc(var(--space-4) + 65px)}[dir=rtl] .chat-tooltip{left:calc(var(--space-4) + 65px);right:auto}.quick-actions{bottom:calc(var(--space-4) - 40px);right:calc(var(--space-4) + 65px)}[dir=rtl] .quick-actions{left:calc(var(--space-4) + 65px);right:auto}}@media (max-width:480px){.chat-button-main,.floating-chat-button{height:52px;width:52px}.chat-button-glow{height:65px;width:65px}.chat-button-pulse{height:52px;width:52px}.tooltip-content{padding:var(--space-3)}.tooltip-header{margin-bottom:var(--space-2)}.avatar-image,.tooltip-avatar{height:36px;width:36px}.quick-action-btn{font-size:.75rem;padding:var(--space-2)}.chat-tooltip{bottom:calc(var(--space-3) + 10px);max-width:240px;right:calc(var(--space-3) + 60px)}[dir=rtl] .chat-tooltip{left:calc(var(--space-3) + 60px);right:auto}.quick-actions{bottom:calc(var(--space-3) - 35px);right:calc(var(--space-3) + 60px)}[dir=rtl] .quick-actions{left:calc(var(--space-3) + 60px);right:auto}}@media (prefers-reduced-motion:reduce){.chat-button-main,.floating-chat-button,.particle,.quick-action-btn{animation:none!important;transition:none!important}.chat-button-glow,.chat-button-pulse{display:none}}@media (prefers-contrast:more){.chat-button-main{border:2px solid var(--text-primary)}.quick-action-btn,.tooltip-content{background:var(--bg-primary);border-color:var(--text-primary)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.chat-button-main,.tooltip-content{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media print{.chat-tooltip,.floating-chat-button,.quick-actions{display:none!important}}.chat-button-main,.floating-chat-button,.quick-action-btn,.tooltip-content{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);will-change:transform}[data-theme=dark] .chat-button-main{background:linear-gradient(135deg,#f97316,#fb923c)}[data-theme=dark] .floating-chat-button.chat-open .chat-button-main{background:var(--red-500)}[data-theme=dark] .tooltip-content{box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0003}[data-theme=dark] .quick-action-btn{background:#1e293be6;border-color:#47556999}[data-theme=dark] .quick-action-btn:hover{background:#334155e6}



/*!* src/components/sections/OurClientsSection.css *!*/

/*!* Color Variants for the top border *!*/

/*!* Color Variants for the logo background *!*/

/*!* Responsive adjustments *!*/.our-clients-section{background:var(--bg-secondary);overflow:hidden;padding:var(--space-20) 0;position:relative;width:100%}.our-clients-section:before{animation:subtleMove 20s ease-in-out infinite;background:radial-gradient(ellipse at 20% 30%,#3b82f626,#0000 50%),radial-gradient(ellipse at 80% 70%,#f9731626,#0000 50%),radial-gradient(ellipse at 50% 50%,#8b451314,#0000 60%),linear-gradient(135deg,#6366f108,#ef444408);content:"";height:100%;left:0;opacity:.8;pointer-events:none;position:absolute;top:0;transition:opacity .5s ease;width:100%;z-index:var(--z-background)}@keyframes subtleMove{0%,to{transform:translateX(0) translateY(0) scale(1)}25%{transform:translateX(10px) translateY(-5px) scale(1.02)}50%{transform:translateX(-5px) translateY(10px) scale(.98)}75%{transform:translateX(8px) translateY(-8px) scale(1.01)}}[data-theme=dark] .our-clients-section:before{background:radial-gradient(ellipse at 20% 30%,#3b82f633,#0000 50%),radial-gradient(ellipse at 80% 70%,#f9731633,#0000 50%),radial-gradient(ellipse at 50% 50%,#8b45131f,#0000 60%),linear-gradient(135deg,#6366f10d,#ef44440d);opacity:1}.our-clients-section:after{animation:floatingDots 25s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='10' cy='10' r='.5' fill='rgba(59,130,246,0.3)'/%3E%3Ccircle cx='90' cy='20' r='.8' fill='rgba(249,115,22,0.3)'/%3E%3Ccircle cx='30' cy='90' r='.6' fill='rgba(139,69,19,0.3)'/%3E%3Ccircle cx='80' cy='80' r='.4' fill='rgba(99,102,241,0.3)'/%3E%3Ccircle cx='50' cy='50' r='.7' fill='rgba(239,68,68,0.3)'/%3E%3C/svg%3E") repeat;content:"";height:100%;left:0;opacity:.1;pointer-events:none;position:absolute;top:0;width:100%;z-index:var(--z-background)}@keyframes floatingDots{0%{transform:translateY(0)}to{transform:translateY(-100px)}}.section-header{margin:0 auto var(--space-16);max-width:900px;position:relative;text-align:center;z-index:2}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary),var(--text-accent));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-family:var(--font-primary);font-size:clamp(2.5rem,6vw,4rem);font-weight:900;margin-bottom:var(--space-4);position:relative;text-shadow:0 0 30px #3b82f64d}.section-title:before{animation:titleGlow 4s ease-in-out infinite alternate;background:radial-gradient(ellipse,#3b82f61a,#0000 70%);border-radius:50%;content:"";height:120%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:120%;z-index:-1}@keyframes titleGlow{0%{opacity:.3;transform:translate(-50%,-50%) scale(.8)}to{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}body.lang-ar .section-title{font-family:var(--font-arabic)}.section-subtitle{color:var(--text-secondary);font-size:clamp(1.125rem,3vw,1.5rem);font-weight:500;line-height:1.7;text-shadow:0 2px 10px #0000001a}.clients-grid{grid-gap:var(--space-10);display:grid;gap:var(--space-10);grid-template-columns:repeat(auto-fit,minmax(380px,1fr));margin:0 auto;max-width:1600px;position:relative;z-index:3}.client-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-3xl);box-shadow:0 20px 40px #0000001a,0 8px 16px #0000000f,inset 0 1px 0 #ffffff1a;cursor:pointer;display:flex;flex-direction:column;gap:var(--space-7);overflow:hidden;padding:var(--space-8);position:relative;transform-origin:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.client-card:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d 50%,#ffffff1a);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.client-card:hover:before{opacity:1}.client-card:after{border-radius:var(--radius-3xl) var(--radius-3xl) 0 0;box-shadow:0 4px 12px #00000026;content:"";height:6px;left:0;opacity:.9;position:absolute;right:0;top:0;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.client-card:hover{box-shadow:0 40px 80px #00000026,0 15px 30px #0000001a,inset 0 1px 0 #fff3;transform:translateY(-15px) scale(1.02)}.client-card:hover:after{box-shadow:0 8px 24px #0003;height:8px}.client-card.color-primary:after{background:linear-gradient(135deg,#3b82f6,#6366f1 50%,#8b5cf6)}.client-card.color-success:after{background:linear-gradient(135deg,#10b981,#059669 50%,#047857)}.client-card.color-accent:after{background:linear-gradient(135deg,#f97316,#ea580c 50%,#dc2626)}.client-card.color-info:after{background:linear-gradient(135deg,#0ea5e9,#0284c7 50%,#0369a1)}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.client-card:first-child{animation:cardFloat 6s ease-in-out infinite}.client-card:nth-child(2){animation:cardFloat 6s ease-in-out 1.5s infinite}.client-card:nth-child(3){animation:cardFloat 6s ease-in-out 3s infinite}.client-card:nth-child(4){animation:cardFloat 6s ease-in-out 4.5s infinite}.client-card-header{gap:var(--space-6);z-index:2}.client-card-header,.client-logo{align-items:center;display:flex;position:relative}.client-logo{border-radius:var(--radius-2xl);box-shadow:0 15px 30px #0003,0 8px 16px #0000001a,inset 0 1px 0 #ffffff4d;color:#fff;flex-shrink:0;font-size:3rem;font-weight:900;height:100px;justify-content:center;overflow:hidden;transition:transform .3s ease;width:100px}.client-logo:before{background:linear-gradient(45deg,#0000,#ffffff4d,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);transition:transform .6s ease;width:200%}.client-card:hover .client-logo:before{transform:rotate(45deg) translate(100%,100%)}.client-card:hover .client-logo{transform:scale(1.1) rotate(5deg)}.color-primary .client-logo{background:linear-gradient(135deg,#3b82f6,#6366f1 50%,#8b5cf6)}.color-success .client-logo{background:linear-gradient(135deg,#10b981,#059669 50%,#047857)}.color-accent .client-logo{background:linear-gradient(135deg,#f97316,#ea580c 50%,#dc2626)}.color-info .client-logo{background:linear-gradient(135deg,#0ea5e9,#0284c7 50%,#0369a1)}.client-info{flex:1 1;text-align:var(--start)}.client-name{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:800;line-height:1.3;margin-bottom:var(--space-2);text-shadow:0 2px 4px #0000001a}.client-sector{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-base);font-weight:500;gap:var(--space-2);opacity:.9}.client-card-body{align-items:center;background:linear-gradient(135deg,#ffffff0d,#ffffff05 50%,#ffffff0d);border-bottom:1px solid var(--card-border);border-radius:var(--radius-xl);border-top:1px solid var(--card-border);display:flex;justify-content:space-between;margin:var(--space-2) 0;padding:var(--space-6) var(--space-4);position:relative;transition:all .3s ease;z-index:2}.client-card:hover .client-card-body{background:linear-gradient(135deg,#ffffff1a,#ffffff0d 50%,#ffffff1a);transform:translateY(-2px)}.client-projects{align-items:center;display:flex;gap:var(--space-4);position:relative}.project-icon{background:#3b82f61a;border-radius:var(--radius-lg);color:var(--text-accent);padding:var(--space-2);transition:all .3s ease}.client-card:hover .project-icon{background:#3b82f633;transform:scale(1.1) rotate(5deg)}.project-details{display:flex;flex-direction:column;text-align:var(--start)}.project-count{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary),var(--text-accent));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:900;line-height:1;text-shadow:0 2px 4px #0000001a}.project-label{color:var(--text-muted);letter-spacing:1px;margin-top:var(--space-1);text-transform:uppercase}.details-button,.project-label{font-size:var(--font-size-sm);font-weight:600}.details-button{background:linear-gradient(135deg,var(--text-accent),#3b82f6cc);border:none;border-radius:var(--radius-full);box-shadow:0 4px 12px #3b82f64d;color:#fff;overflow:hidden;padding:var(--space-3) var(--space-6);position:relative;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.details-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.details-button:hover:before{left:100%}.details-button:hover{box-shadow:0 8px 24px #3b82f666;transform:translateY(-2px) scale(1.05)}.client-card-footer{align-items:center;background:#3b82f60d;border-radius:var(--radius-lg);color:var(--text-muted);display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--space-3);justify-content:center;opacity:.9;padding:var(--space-3);position:relative;transition:all .3s ease;z-index:2}.client-card:hover .client-card-footer{background:#3b82f61a;transform:translateY(-1px)}@media (max-width:1200px){.clients-grid{gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width:768px){.our-clients-section{padding:var(--space-16) 0}.clients-grid{gap:var(--space-6);grid-template-columns:1fr;padding:0 var(--space-4)}.client-card{padding:var(--space-6)}.client-logo{font-size:2.5rem;height:80px;width:80px}.client-name{font-size:var(--font-size-xl)}.section-title{font-size:clamp(2rem,8vw,3rem)}}@media (max-width:480px){.client-card{gap:var(--space-5);padding:var(--space-5)}.client-card-header{flex-direction:column;gap:var(--space-4);text-align:center}.client-info{text-align:center}.client-card-body{align-items:center;flex-direction:column;gap:var(--space-4);text-align:center}.client-logo{font-size:2rem;height:70px;width:70px}.project-count{font-size:var(--font-size-2xl)}}[data-theme=dark] .client-card{background:#1e293b66;border-color:#47556980;box-shadow:0 20px 40px #0000004d,0 8px 16px #0003,inset 0 1px 0 #ffffff0d}[data-theme=dark] .client-card:hover{box-shadow:0 40px 80px #0006,0 15px 30px #0000004d,inset 0 1px 0 #ffffff1a}[data-theme=dark] .client-card-body{background:linear-gradient(135deg,#ffffff05,#ffffff03 50%,#ffffff05);border-color:#4755694d}[data-theme=dark] .client-card:hover .client-card-body{background:linear-gradient(135deg,#ffffff0d,#ffffff08 50%,#ffffff0d)}
/*!* src/pages/PageTemplate.css - نموذج CSS عام للصفحات *!*/

/*!* Hero Section *!*/

/*!* Content Sections *!*/

/*!* Under Development *!*/

/*!* Action Buttons *!*/

/*!* Feature Grid *!*/

/*!* Stats Section *!*/

/*!* Responsive Design *!*/

/*!* Dark theme enhancements *!*/

/*!* Accessibility *!*/

/*!* Focus states *!*/.contact-page{background:var(--bg-primary);isolation:isolate;min-height:100vh;overflow:hidden;position:relative}.background-wrapper{pointer-events:none;z-index:var(--z-background)}.background-wrapper,.contact-bg-animation{height:100%;left:0;position:absolute;top:0;width:100%}.contact-bg-animation{opacity:.4}.bg-shape{background:var(--gradient-primary);border-radius:50% 40% 60% 50%;filter:blur(2px);height:40px;opacity:.3;position:absolute;width:40px}.floating-icon{color:var(--accent-orange);filter:blur(1px);opacity:.2;position:absolute}[data-theme=dark] .bg-shape,[data-theme=dark] .floating-icon{opacity:.2}.contact-container{margin:0 auto;max-width:1280px;padding:var(--space-4);position:relative;z-index:var(--z-content)}@media (min-width:768px){.contact-container{padding:0 var(--space-6)}}.contact-header{margin-bottom:var(--space-16);margin-left:auto;margin-right:auto;margin-top:var(--space-16);max-width:800px;text-align:center}.header-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--text-accent);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-4)}.header-badge,.page-title{margin-bottom:var(--space-6)}.page-title{color:var(--text-primary);font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:1.1}html[dir=rtl] .page-title{font-family:var(--font-arabic);letter-spacing:0}.title-highlight{-webkit-text-fill-color:#0000;background:var(--gradient-text);background-clip:text;-webkit-background-clip:text;color:#0000}.page-description{color:var(--text-secondary);font-size:clamp(1rem,2vw,1.25rem);line-height:1.7;margin-bottom:var(--space-8)}html[dir=rtl] .page-description{font-family:var(--font-arabic);line-height:1.8}.quick-stats{display:flex;flex-wrap:wrap;gap:var(--space-6);justify-content:center;margin-bottom:var(--space-8)}.stat-item{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f973161a;border:1px solid #f9731633;border-radius:var(--radius-full);color:var(--text-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-4)}.stat-icon{color:var(--accent-orange);flex-shrink:0}html[dir=rtl] .stat-item{font-family:var(--font-arabic)}.contact-grid{grid-gap:var(--space-12);display:grid;gap:var(--space-12);grid-template-columns:1fr;margin-bottom:var(--space-16)}@media (min-width:1024px){.contact-grid{gap:var(--space-16);grid-template-columns:1fr 400px}html[dir=rtl] .contact-grid{grid-template-columns:400px 1fr}}.contact-form-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);overflow:hidden;padding:var(--space-8);position:relative}.contact-form-section:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.form-header{margin-bottom:var(--space-8);text-align:center}.form-title{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}html[dir=rtl] .form-title{font-family:var(--font-arabic)}.form-subtitle{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.6}html[dir=rtl] .form-subtitle{font-family:var(--font-arabic);line-height:1.7}.contact-form{display:flex;flex-direction:column;gap:var(--space-6)}.form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr}@media (min-width:640px){.form-row{grid-template-columns:1fr 1fr}}.form-input-wrapper{position:relative;width:100%}.form-input-wrapper.error .input-container{border-color:var(--red-500)}.form-input-wrapper.valid .input-container{border-color:var(--success-500)}.input-container{align-items:center;background:var(--bg-primary);border:2px solid var(--card-border);border-radius:var(--radius-lg);display:flex;min-height:56px;overflow:hidden;position:relative;transition:all var(--transition-normal)}.input-container:focus-within{border-color:var(--accent-orange);box-shadow:0 0 0 3px #f973161a}.input-icon{align-items:center;color:var(--text-muted);display:flex;flex-shrink:0;justify-content:center;width:48px}.form-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);outline:none;padding:var(--space-4);resize:none;width:100%}.form-input.with-icon{padding-left:0}html[dir=rtl] .form-input.with-icon{padding-left:var(--space-4);padding-right:0}html[dir=rtl] .form-input{font-family:var(--font-arabic);text-align:right}.form-input::placeholder{color:var(--text-muted);opacity:.8}select.form-input{-webkit-appearance:none;appearance:none;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6,9 12,15 18,9"></polyline></svg>');background-position:right 1rem center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:3rem}html[dir=rtl] select.form-input{background-position:left 1rem center;padding-left:3rem;padding-right:var(--space-4)}textarea.form-input{align-self:flex-start;line-height:1.6;min-height:120px;padding-top:var(--space-4);resize:vertical}.status-icon{align-items:center;display:flex;justify-content:center;position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%)}html[dir=rtl] .status-icon{left:var(--space-3);right:auto}.error-icon{color:var(--red-500)}.success-icon{color:var(--success-500)}.error-message{color:var(--red-500);font-size:var(--font-size-sm);margin-top:var(--space-1);padding-left:var(--space-2)}html[dir=rtl] .error-message{font-family:var(--font-arabic);padding-left:0;padding-right:var(--space-2)}.focus-line{bottom:0;height:2px;left:0;position:absolute;right:0}.focus-line,.submit-btn{background:var(--gradient-primary)}.submit-btn{align-items:center;border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--space-3);justify-content:center;min-height:56px;overflow:hidden;padding:var(--space-4) var(--space-8);position:relative;transition:all var(--transition-normal)}.submit-btn:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.8}.submit-btn.loading{pointer-events:none}.submit-btn.success{background:var(--success-500)}.submit-btn.error{background:var(--red-500)}.spinner{animation:spin 1s linear infinite}html[dir=rtl] .submit-btn{font-family:var(--font-arabic)}.status-message{align-items:center;border-radius:var(--radius-lg);display:flex;font-weight:var(--font-weight-medium);gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-4)}.status-message.success{background:#10b9811a;border:1px solid #10b98133;color:var(--success-500)}html[dir=rtl] .status-message{font-family:var(--font-arabic)}.contact-info-section{display:flex;flex-direction:column;gap:var(--space-8)}.info-header{text-align:center}@media (min-width:1024px){.info-header{text-align:left}html[dir=rtl] .info-header{text-align:right}}.info-title{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}html[dir=rtl] .info-title{font-family:var(--font-arabic)}.info-subtitle{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.6}html[dir=rtl] .info-subtitle{font-family:var(--font-arabic);line-height:1.7}.contact-info-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr}@media (min-width:640px){.contact-info-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.contact-info-grid{grid-template-columns:1fr}}.contact-card-link{color:inherit;display:block;text-decoration:none}.contact-info-card{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);cursor:default;display:flex;gap:var(--space-4);min-height:140px;overflow:hidden;padding:var(--space-6);position:relative;transition:all var(--transition-normal)}.contact-info-card.clickable{cursor:pointer}.contact-info-card:hover{border-color:var(--accent-orange);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-glow{background:radial-gradient(circle,var(--accent-orange) 0,#0000 70%);filter:blur(40px);height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;width:200%;z-index:-1}.info-icon-wrapper{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-shrink:0;height:60px;justify-content:center;position:relative;width:60px}.info-icon{color:#fff;position:relative;z-index:2}.icon-pulse{background:var(--gradient-accent);border-radius:var(--radius-lg);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.info-content{flex:1 1;min-width:0}.info-content .info-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}html[dir=rtl] .info-content .info-title{font-family:var(--font-arabic)}.info-text{color:var(--accent-orange);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:var(--space-1);word-break:break-all}.info-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5}html[dir=rtl] .info-description{font-family:var(--font-arabic);line-height:1.6}.card-arrow{color:var(--accent-orange);flex-shrink:0}.floating-particles{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}.particle{height:3px;opacity:.3;width:3px}.quick-action{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:#fff;display:flex;gap:var(--space-4);overflow:hidden;padding:var(--space-6);position:relative}.quick-action:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.action-content{align-items:center;display:flex;flex:1 1;gap:var(--space-3)}.action-icon{flex-shrink:0}.action-text h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.action-text p{font-size:var(--font-size-sm);opacity:.9}html[dir=rtl] .action-text h3,html[dir=rtl] .action-text p{font-family:var(--font-arabic)}.action-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border:1px solid #ffffff4d;border-radius:var(--radius-lg);color:#fff;display:flex;font-weight:var(--font-weight-semibold);gap:var(--space-2);padding:var(--space-3) var(--space-5);text-decoration:none;transition:all var(--transition-normal);white-space:nowrap}.action-btn:hover{background:#ffffff4d;transform:translateY(-1px)}html[dir=rtl] .action-btn{font-family:var(--font-arabic)}.faq-section{margin-top:var(--space-16)}.faq-header{margin-bottom:var(--space-12);text-align:center}.faq-title{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}html[dir=rtl] .faq-title{font-family:var(--font-arabic)}.faq-subtitle{color:var(--text-secondary);font-size:var(--font-size-lg);line-height:1.6;margin:0 auto;max-width:600px}html[dir=rtl] .faq-subtitle{font-family:var(--font-arabic);line-height:1.7}.faq-list{display:flex;flex-direction:column;gap:var(--space-4);margin:0 auto;max-width:800px}.faq-item{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-normal)}.faq-item:hover{border-color:#f973164d;box-shadow:var(--shadow-md)}.faq-item.open{border-color:var(--accent-orange)}.faq-question{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--space-4);justify-content:space-between;padding:var(--space-5) var(--space-6);text-align:left;transition:all var(--transition-normal);width:100%}html[dir=rtl] .faq-question{font-family:var(--font-arabic);text-align:right}.faq-question:hover{color:var(--accent-orange)}.faq-answer{overflow:hidden}.faq-answer-content{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.7;padding:0 var(--space-6) var(--space-5)}html[dir=rtl] .faq-answer-content{font-family:var(--font-arabic);line-height:1.8}.contact-cta{background:var(--gradient-primary);border-radius:var(--radius-2xl);color:#fff;margin-top:var(--space-16);overflow:hidden;padding:var(--space-12) var(--space-8);position:relative;text-align:center}.contact-cta:before{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba%28255,255,255,0.1%29" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url%28%23grid%29"/></svg>');bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.cta-content{margin:0 auto;max-width:600px;position:relative;z-index:2}.cta-icon{opacity:.9}.cta-icon,.cta-title{margin-bottom:var(--space-4)}.cta-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}html[dir=rtl] .cta-title{font-family:var(--font-arabic)}.cta-description{font-size:var(--font-size-lg);line-height:1.6;margin-bottom:var(--space-8);opacity:.9}html[dir=rtl] .cta-description{font-family:var(--font-arabic);line-height:1.7}.cta-buttons{flex-wrap:wrap;gap:var(--space-4)}.cta-btn,.cta-buttons{display:flex;justify-content:center}.cta-btn{align-items:center;border:2px solid #0000;border-radius:var(--radius-lg);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--space-2);min-width:160px;padding:var(--space-4) var(--space-6);text-decoration:none;transition:all var(--transition-normal)}.cta-btn.primary{background:#fff;border-color:#fff;color:var(--accent-orange)}.cta-btn.primary:hover{background:#ffffffe6;box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.cta-btn.secondary{background:#0000;border-color:#ffffff80;color:#fff}.cta-btn.secondary:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-2px)}html[dir=rtl] .cta-btn{font-family:var(--font-arabic)}@media (max-width:768px){.contact-page{padding:var(--space-16) 0}.contact-header{margin-bottom:var(--space-12)}.quick-stats{align-items:center;flex-direction:column;gap:var(--space-3)}.contact-grid{gap:var(--space-8)}.contact-form-section{padding:var(--space-6)}.contact-info-grid,.form-row{grid-template-columns:1fr}.contact-info-card{flex-direction:column;gap:var(--space-3);min-height:auto;padding:var(--space-5);text-align:center}.info-icon-wrapper{height:50px;width:50px}.quick-action{gap:var(--space-4)}.action-content,.quick-action{flex-direction:column;text-align:center}.cta-buttons{align-items:center;flex-direction:column}.cta-btn{max-width:280px;width:100%}.contact-cta{padding:var(--space-8) var(--space-4)}}@media (max-width:480px){.contact-form-section{padding:var(--space-4)}.form-input{font-size:var(--font-size-sm)}.submit-btn{padding:var(--space-3) var(--space-6)}.faq-question,.submit-btn{font-size:var(--font-size-base)}.faq-question{padding:var(--space-4)}.faq-answer-content{font-size:var(--font-size-sm);padding:0 var(--space-4) var(--space-4)}}@media (prefers-reduced-motion:reduce){.action-btn,.contact-info-card,.cta-btn,.submit-btn{transition:none!important}.contact-info-card:hover,.cta-btn:hover,.submit-btn:hover{transform:none!important}.bg-shape,.floating-icon,.particle,.quick-action:before,.spinner{animation:none!important}}@media (prefers-contrast:more){.contact-form-section,.contact-info-card,.faq-item{background:var(--bg-primary);border-color:var(--text-primary)}.cta-btn,.submit-btn{border:2px solid var(--text-primary)}}@media print{.background-wrapper,.card-glow,.contact-bg-animation,.floating-particles,.quick-action:before{display:none!important}.contact-form-section,.contact-info-card,.faq-item{border:1px solid #000!important;box-shadow:none!important;break-inside:avoid;page-break-inside:avoid}.action-btn,.cta-btn,.submit-btn{border:1px solid #000!important}.action-btn,.contact-cta,.cta-btn,.submit-btn{background:#0000!important;color:#000!important}.contact-cta{border:2px solid #000!important}}.contact-info-card,.cta-btn,.faq-question,.submit-btn{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);will-change:transform}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.contact-form-section,.form-title,.page-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@supports (padding:max(0px)){.contact-container{padding-left:max(var(--space-4),env(safe-area-inset-left));padding-right:max(var(--space-4),env(safe-area-inset-right))}@media (min-width:768px){.contact-container{padding-left:max(var(--space-6),env(safe-area-inset-left));padding-right:max(var(--space-6),env(safe-area-inset-right))}}}



/*!*!* Modern Auth Pages Styling *!*!*/
/*!*@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&display=swap');*!*/
/*!*:root {*!*/
/*!*    !*!* Light theme *!*!*!*/
/*!*    !*--auth-bg-light: #f3f4f8;*!*!*/
/*!*    !*--auth-container-bg-light: #ffffff;*!*!*/
/*!*    !*--auth-text-light: #1a1c29;*!*!*/
/*!*    !*--auth-text-secondary-light: #5a607a;*!*!*/
/*!*    !*--auth-border-light: #e8eaf2;*!*!*/
/*!*    !*--auth-input-bg-light: #f8f9fc;*!*!*/
/*!*    !*--auth-input-border-light: #e8eaf2;*!*!*/
/*!*    !*--auth-button-bg-light: #5d51e5;*!*!*/
/*!*    !*--auth-button-hover-light: #4a40c9;*!*!*/
/*!*    !*--auth-error-bg-light: #fff2f2;*!*!*/
/*!*    !*--auth-error-border-light: #ffd2d2;*!*!*/
/*!*    !*--auth-error-text-light: #e53939;*!*!*/
/*!*    !*--auth-success-bg-light: #f0fff1;*!*!*/
/*!*    !*--auth-success-border-light: #ceffd0;*!*!*/
/*!*    !*--auth-success-text-light: #17b834;*!*!*/
/*!*    !*--auth-shadow-light: 0 15px 40px -10px rgba(0, 0, 0, 0.1), 0 12px 24px -12px rgba(0, 0, 0, 0.06);*!*!*/

/*!*    !*!* Dark theme *!*!*!*/
/*!*    !*--auth-bg-dark: #0f1023;*!*!*/
/*!*    !*--auth-container-bg-dark: #1a1c29;*!*!*/
/*!*    !*--auth-text-dark: #f0f2fc;*!*!*/
/*!*    !*--auth-text-secondary-dark: #a7adc3;*!*!*/
/*!*    !*--auth-border-dark: #2e334c;*!*!*/
/*!*    !*--auth-input-bg-dark: #151726;*!*!*/
/*!*    !*--auth-input-border-dark: #2e334c;*!*!*/
/*!*    !*--auth-button-bg-dark: #6e63ff;*!*!*/
/*!*    !*--auth-button-hover-dark: #5d51e5;*!*!*/
/*!*    !*--auth-error-bg-dark: rgba(229, 57, 57, 0.15);*!*!*/
/*!*    !*--auth-error-border-dark: rgba(229, 57, 57, 0.25);*!*!*/
/*!*    !*--auth-error-text-dark: #ff8080;*!*!*/
/*!*    !*--auth-success-bg-dark: rgba(23, 184, 52, 0.15);*!*!*/
/*!*    !*--auth-success-border-dark: rgba(23, 184, 52, 0.25);*!*!*/
/*!*    !*--auth-success-text-dark: #7df493;*!*!*/
/*!*    !*--auth-shadow-dark: 0 15px 40px -10px rgba(0, 0, 0, 0.4), 0 12px 24px -12px rgba(0, 0, 0, 0.35);*!*!*/

/*!*    !*!* Shared variables *!*!*!*/
/*!*    !*--primary-color: #5d51e5;*!*!*/
/*!*    !*--primary-light: rgba(93, 81, 229, 0.05);*!*!*/
/*!*    !*--primary-gradient: linear-gradient(135deg, #6e63ff 0%, #5d51e5 100%);*!*!*/
/*!*    !*--secondary-gradient: linear-gradient(135deg, #ff7575 0%, #ff427f 100%);*!*!*/

/*!*    --auth-bg-light: var(--bg-secondary);*!*/
/*!*    --auth-container-bg-light: var(--bg-primary);*!*/
/*!*    --auth-text-light: var(--text-primary);*!*/
/*!*    --auth-text-secondary-light: var(--text-secondary);*!*/
/*!*    --auth-border-light: var(--border-color);*!*/
/*!*    --auth-input-bg-light: var(--bg-tertiary);*!*/
/*!*    --auth-input-border-light: var(--border-color);*!*/
/*!*    --auth-button-bg-light: var(--primary-500);*!*/
/*!*    --auth-button-hover-light: var(--primary-600);*!*/
/*!*    --auth-error-bg-light: #fff2f2;*!*/
/*!*    --auth-error-border-light: #ffd2d2;*!*/
/*!*    --auth-error-text-light: #e53939;*!*/
/*!*    --auth-success-bg-light: #f0fff1;*!*/
/*!*    --auth-success-border-light: #ceffd0;*!*/
/*!*    --auth-success-text-light: #17b834;*!*/
/*!*    --auth-shadow-light: var(--shadow-md);*!*/

/*!*    !* Dark theme *!*!*/
/*!*    --auth-bg-dark: var(--bg-primary);*!*/
/*!*    --auth-container-bg-dark: var(--bg-secondary);*!*/
/*!*    --auth-text-dark: var(--text-primary);*!*/
/*!*    --auth-text-secondary-dark: var(--text-secondary);*!*/
/*!*    --auth-border-dark: var(--border-color);*!*/
/*!*    --auth-input-bg-dark: var(--bg-tertiary);*!*/
/*!*    --auth-input-border-dark: var(--border-color);*!*/
/*!*    --auth-button-bg-dark: var(--primary-500);*!*/
/*!*    --auth-button-hover-dark: var(--primary-600);*!*/
/*!*    --auth-error-bg-dark: rgba(229, 57, 57, 0.15);*!*/
/*!*    --auth-error-border-dark: rgba(229, 57, 57, 0.25);*!*/
/*!*    --auth-error-text-dark: #ff8080;*!*/
/*!*    --auth-success-bg-dark: rgba(23, 184, 52, 0.15);*!*/
/*!*    --auth-success-border-dark: rgba(23, 184, 52, 0.25);*!*/
/*!*    --auth-success-text-dark: #7df493;*!*/
/*!*    --auth-shadow-dark: var(--shadow-md);*!*/

/*!*    !* Shared variables *!*!*/
/*!*    --primary-color: var(--primary-500);*!*/
/*!*    --primary-light: rgba(93, 81, 229, 0.05);*!*/
/*!*    --primary-gradient: var(--gradient-primary);*!*/
/*!*    --secondary-gradient: linear-gradient(135deg, #ff7575 0%, #ff427f 100%);*!*/
/*!*}*!*/

/*!*!* Auth Page Container *!*!*/
/*!*.auth-page {*!*/
/*!*    min-height: 100vh;*!*/
/*!*    display: flex;*!*/
/*!*    align-items: center;*!*/
/*!*    justify-content: center;*!*/
/*!*    padding: 2rem 1rem;*!*/
/*!*    background-color: var(--auth-bg-light);*!*/
/*!*    background-image:*!*/
/*!*            url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%236e63ff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E"),*!*/
/*!*            radial-gradient(circle at 0% 0%, rgba(110, 99, 255, 0.1) 0%, transparent 30%),*!*/
/*!*            radial-gradient(circle at 100% 100%, rgba(255, 66, 127, 0.1) 0%, transparent 30%);*!*/
/*!*    font-family: 'Playfair Display', serif;*!*/
/*!*}*!*/

/*!*.auth-page.dark {*!*/
/*!*    background-color: var(--auth-bg-dark);*!*/
/*!*    background-image:*!*/
/*!*            url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%236e63ff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E"),*!*/
/*!*            radial-gradient(circle at 0% 0%, rgba(110, 99, 255, 0.2) 0%, transparent 30%),*!*/
/*!*            radial-gradient(circle at 100% 100%, rgba(255, 66, 127, 0.15) 0%, transparent 30%);*!*/
/*!*}*!*/

/*!*.auth-container {*!*/
/*!*    width: 100%;*!*/
/*!*    max-width: 480px;*!*/
/*!*    padding: 0;*!*/
/*!*    background-color: var(--auth-container-bg-light);*!*/
/*!*    border-radius: 24px;*!*/
/*!*    !*box-shadow: var(--auth-shadow-light);*!*!*/
/*!*    color: var(--auth-text-light);*!*/
/*!*    position: relative;*!*/
/*!*    overflow: hidden;*!*/
/*!*    transition: all 0.3s ease;*!*/
/*!*    animation: fadeInUp 0.6s cubic-bezier(0.16, 1, 0.3, 1);*!*/
/*!*}*!*/

/*!*@keyframes fadeInUp {*!*/
/*!*    from {*!*/
/*!*        opacity: 0;*!*/
/*!*        transform: translateY(20px);*!*/
/*!*    }*!*/
/*!*    to {*!*/
/*!*        opacity: 1;*!*/
/*!*        transform: translateY(0);*!*/
/*!*    }*!*/
/*!*}*!*/

/*!*.auth-page.dark .auth-container {*!*/
/*!*    background-color: var(--auth-container-bg-dark);*!*/
/*!*    color: var(--auth-text-dark);*!*/
/*!*    !*box-shadow: var(--auth-shadow-dark);*!*!*/
/*!*}*!*/

/*!*!* Auth Header *!*!*/
/*!*.auth-header {*!*/
/*!*    text-align: center;*!*/
/*!*    padding: 3rem 2.5rem 2rem;*!*/
/*!*    position: relative;*!*/
/*!*    z-index: 1;*!*/
/*!*}*!*/

/*!*.auth-header::before {*!*/
/*!*    content: '';*!*/
/*!*    position: absolute;*!*/
/*!*    top: -60%;*!*/
/*!*    left: -20%;*!*/
/*!*    right: -20%;*!*/
/*!*    height: 250px;*!*/
/*!*    background: var(--primary-gradient);*!*/
/*!*    border-radius: 0 0 50% 50% / 0 0 100% 100%;*!*/
/*!*    opacity: 0.05;*!*/
/*!*    z-index: -1;*!*/
/*!*}*!*/

/*!*.auth-header .logo {*!*/
/*!*    display: flex;*!*/
/*!*    align-items: center;*!*/
/*!*    justify-content: center;*!*/
/*!*    margin-bottom: 2rem;*!*/
/*!*    text-decoration: none;*!*/
/*!*    color: var(--auth-text-light);*!*/
/*!*}*!*/

/*!*.auth-page.dark .auth-header .logo {*!*/
/*!*    color: var(--auth-text-dark);*!*/
/*!*}*!*/

/*!*.auth-header .logo-icon {*!*/
/*!*    width: 42px;*!*/
/*!*    height: 42px;*!*/
/*!*    display: flex;*!*/
/*!*    align-items: center;*!*/
/*!*    justify-content: center;*!*/
/*!*    margin-right: 0.75rem;*!*/
/*!*    color: white;*!*/
/*!*    !*background: var(--primary-gradient);*!*!*/
/*!*    border-radius: 12px;*!*/
/*!*    padding: 10px;*!*/
/*!*    !*box-shadow: 0 8px 16px rgba(110, 99, 255, 0.3);*!*!*/
/*!*    position: relative;*!*/
/*!*    overflow: hidden;*!*/
/*!*}*!*/

/*!*.auth-header .logo-icon::after {*!*/
/*!*    content: '';*!*/
/*!*    position: absolute;*!*/
/*!*    width: 24px;*!*/
/*!*    height: 140%;*!*/
/*!*    background: rgba(255, 255, 255, 0.2);*!*/
/*!*    transform: rotate(20deg);*!*/
/*!*    top: -30%;*!*/
/*!*    left: -100%;*!*/
/*!*    animation: shineEffect 3s ease-in-out infinite;*!*/
/*!*}*!*/

/*!*@keyframes shineEffect {*!*/
/*!*    0% { left: -100%; }*!*/
/*!*    25% { left: 100%; }*!*/
/*!*    100% { left: 100%; }*!*/
/*!*}*!*/

/*!*.auth-header .logo-icon svg {*!*/
/*!*    width: 100%;*!*/
/*!*    height: 100%;*!*/
/*!*}*!*/

/*!*.auth-header .logo-text {*!*/
/*!*    font-size: 1.5rem;*!*/
/*!*    font-weight: 800;*!*/
/*!*    letter-spacing: -0.5px;*!*/
/*!*    background: linear-gradient(120deg, #1a1c29 0%, #33364a 100%);*!*/
/*!*    -webkit-background-clip: text;*!*/
/*!*    -webkit-text-fill-color: transparent;*!*/
/*!*    margin-right: 8px;*!*/
/*!*}*!*/

/*!*.auth-page.dark .auth-header .logo-text {*!*/
/*!*    background: linear-gradient(120deg, #e2e8f0 0%, #f8fafc 100%);*!*/
/*!*    -webkit-background-clip: text;*!*/
/*!*    -webkit-text-fill-color: transparent;*!*/
/*!*}*!*/

/*!*.auth-header .logo-premium {*!*/
/*!*    font-size: 0.65rem;*!*/
/*!*    font-weight: 800;*!*/
/*!*    background: linear-gradient(120deg, #ff7575 0%, #ff427f 100%);*!*/
/*!*    color: white;*!*/
/*!*    padding: 3px 6px;*!*/
/*!*    border-radius: 6px;*!*/
/*!*    letter-spacing: 0.8px;*!*/
/*!*    animation: pulse 2s infinite;*!*/
/*!*}*!*/

/*!*!*@keyframes pulse {*!*!*/
/*!*!*    !*0% { box-shadow: 0 0 0 0 rgba(255, 66, 127, 0.4); }*!*!*!*/
/*!*!*    !*70% { box-shadow: 0 0 0 6px rgba(255, 66, 127, 0); }*!*!*!*/
/*!*!*    !*100% { box-shadow: 0 0 0 0 rgba(255, 66, 127, 0); }*!*!*!*/
/*!*!*}*!*!*/

/*!*.auth-header h1 {*!*/
/*!*    font-size: 2rem;*!*/
/*!*    font-weight: 700;*!*/
/*!*    margin-bottom: 1rem;*!*/
/*!*    color: var(--auth-text-light);*!*/
/*!*}*!*/

/*!*.auth-page.dark .auth-header h1 {*!*/
/*!*    color: var(--auth-text-dark);*!*/
/*!*}*!*/

/*!*.auth-header p {*!*/
/*!*    font-size: 1rem;*!*/
/*!*    color: var(--auth-text-secondary-light);*!*/
/*!*    margin: 0;*!*/
/*!*}*!*/

/*!*.auth-page.dark .auth-header p {*!*/
/*!*    color: var(--auth-text-secondary-dark);*!*/
/*!*}*!*/

/*!*!* Auth Form *!*!*/
/*!*.auth-form {*!*/
/*!*    display: flex;*!*/
/*!*    flex-direction: column;*!*/
/*!*    gap: 1.75rem;*!*/
/*!*    padding: 0 2.5rem 2.5rem;*!*/
/*!*}*!*/

/*!*.form-group {*!*/
/*!*    display: flex;*!*/
/*!*    flex-direction: column;*!*/
/*!*    gap: 0.5rem;*!*/
/*!*}*!*/

/*!*.form-group label {*!*/
/*!*    font-size: 0.9rem;*!*/
/*!*    font-weight: 600;*!*/
/*!*    color: var(--auth-text-light);*!*/
/*!*    display: flex;*!*/
/*!*    align-items: center;*!*/
/*!*    margin-left: 0.5rem;*!*/
/*!*}*!*/

/*!*.form-group label::before {*!*/
/*!*    content: '';*!*/
/*!*    display: inline-block;*!*/
/*!*    width: 4px;*!*/
/*!*    height: 4px;*!*/
/*!*    border-radius: 50%;*!*/
/*!*    background-color: var(--primary-color);*!*/
/*!*    margin-right: 6px;*!*/
/*!*}*!*/

/*!*.auth-page.dark .form-group label {*!*/
/*!*    color: var(--auth-text-dark);*!*/
/*!*}*!*/

/*!*.input-wrapper {*!*/
/*!*    position: relative;*!*/
/*!*    display: flex;*!*/
/*!*    align-items: center;*!*/
/*!*}*!*/

/*!*.input-wrapper svg {*!*/
/*!*    position: absolute;*!*/
/*!*    left: 16px;*!*/
/*!*    width: 18px;*!*/
/*!*    height: 18px;*!*/
/*!*    color: var(--auth-text-secondary-light);*!*/
/*!*    z-index: 1;*!*/
/*!*}*!*/

/*!*.auth-page.dark .input-wrapper svg {*!*/
/*!*    color: var(--auth-text-secondary-dark);*!*/
/*!*}*!*/

/*!*.input-wrapper input {*!*/
/*!*    width: 100%;*!*/
/*!*    padding: 0.9rem 1rem 0.9rem 3rem;*!*/
/*!*    border: 1px solid var(--auth-input-border-light);*!*/
/*!*    border-radius: 12px;*!*/
/*!*    font-size: 0.95rem;*!*/
/*!*    font-weight: 500;*!*/
/*!*    color: var(--auth-text-light);*!*/
/*!*    background-color: var(--auth-input-bg-light);*!*/
/*!*    transition: all 0.3s ease;*!*/
/*!*    !*box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);*!*!*/
/*!*}*!*/

/*!*.auth-page.dark .input-wrapper input {*!*/
/*!*    border-color: var(--auth-input-border-dark);*!*/
/*!*    background-color: var(--auth-input-bg-dark);*!*/
/*!*    color: var(--auth-text-dark);*!*/
/*!*    !*box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);*!*!*/
/*!*}*!*/

/*!*.input-wrapper input:focus {*!*/
/*!*    outline: none;*!*/
/*!*    border-color: var(--primary-color);*!*/
/*!*    !*box-shadow: 0 0 0 3px var(--primary-light), 0 2px 6px rgba(0, 0, 0, 0.05);*!*!*/
/*!*    transform: translateY(-1px);*!*/
/*!*}*!*/

/*!*.input-wrapper input::placeholder {*!*/
/*!*    color: var(--auth-text-secondary-light);*!*/
/*!*    opacity: 0.6;*!*/
/*!*}*!*/

/*!*.auth-page.dark .input-wrapper input::placeholder {*!*/
/*!*    color: var(--auth-text-secondary-dark);*!*/
/*!*}*!*/

/*!*!* Password visibility toggle *!*!*/
/*!*.toggle-password {*!*/
/*!*    position: absolute;*!*/
/*!*    right: 16px;*!*/
/*!*    background: none;*!*/
/*!*    border: none;*!*/
/*!*    color: var(--auth-text-secondary-light);*!*/
/*!*    cursor: pointer;*!*/
/*!*    padding: 0;*!*/
/*!*    width: 20px;*!*/
/*!*    height: 20px;*!*/
/*!*    display: flex;*!*/
/*!*    align-items: center;*!*/
/*!*    justify-content: center;*!*/
/*!*    transition: transform 0.2s ease;*!*/
/*!*}*!*/

/*!*.toggle-password:hover {*!*/
/*!*    transform: scale(1.1);*!*/
/*!*}*!*/

/*!*.toggle-password svg {*!*/
/*!*    position: static;*!*/
/*!*    width: 18px;*!*/
/*!*    height: 18px;*!*/
/*!*}*!*/

/*!*.auth-page.dark .toggle-password {*!*/
/*!*    color: var(--auth-text-secondary-dark);*!*/
/*!*}*!*/

/*!*!* Password requirements *!*!*/
/*!*.password-requirements {*!*/
/*!*    font-size: 0.8rem;*!*/
/*!*    color: var(--auth-text-secondary-light);*!*/
/*!*    margin-top: 0.75rem;*!*/
/*!*    padding-left: 0.5rem;*!*/
/*!*    position: relative;*!*/
/*!*    line-height: 1.5;*!*/
/*!*}*!*/

/*!*.password-requirements::before {*!*/
/*!*    content: 'ⓘ';*!*/
/*!*    position: absolute;*!*/
/*!*    left: -1rem;*!*/
/*!*    color: var(--primary-color);*!*/
/*!*    font-weight: bold;*!*/
/*!*}*!*/

/*!*.auth-page.dark .password-requirements {*!*/
/*!*    color: var(--auth-text-secondary-dark);*!*/
/*!*}*!*/

/*!*!* Label Row for Forgot Password *!*!*/
/*!*.label-row {*!*/
/*!*    display: flex;*!*/
/*!*    justify-content: space-between;*!*/
/*!*    align-items: center;*!*/
/*!*}*!*/

/*!*.forgot-password {*!*/
/*!*    font-size: 0.85rem;*!*/
/*!*    font-weight: 600;*!*/
/*!*    color: var(--primary-color);*!*/
/*!*    text-decoration: none;*!*/
/*!*    transition: all 0.2s ease;*!*/
/*!*}*!*/

/*!*.forgot-password:hover {*!*/
/*!*    opacity: 0.8;*!*/
/*!*    transform: translateX(2px);*!*/
/*!*}*!*/

/*!*!* Terms Checkbox *!*!*/
/*!*.terms-group {*!*/
/*!*    margin-top: 0.75rem;*!*/
/*!*    !*padding: 0.75rem;*!*!*/
/*!*}*!*/

/*!*.checkbox-wrapper {*!*/
/*!*    display: flex;*!*/
/*!*    align-items: flex-start;*!*/
/*!*    gap: 0.75rem;*!*/
/*!*}*!*/

/*!*.checkbox-wrapper input[type="checkbox"] {*!*/
/*!*    width: 18px;*!*/
/*!*    height: 18px;*!*/
/*!*    accent-color: var(--primary-color);*!*/
/*!*    cursor: pointer;*!*/
/*!*    border-radius: 4px;*!*/
/*!*    margin-top: 2px;*!*/
/*!*}*!*/

/*!*.checkbox-wrapper label {*!*/
/*!*    font-size: 0.9rem;*!*/
/*!*    color: var(--auth-text-secondary-light);*!*/
/*!*    cursor: pointer;*!*/
/*!*    line-height: 1.4;*!*/
/*!*}*!*/

/*!*.checkbox-wrapper label::before {*!*/
/*!*    display: none;*!*/
/*!*}*!*/

/*!*.auth-page.dark .checkbox-wrapper label {*!*/
/*!*    color: var(--auth-text-secondary-dark);*!*/
/*!*}*!*/

/*!*.checkbox-wrapper a {*!*/
/*!*    color: var(--primary-color);*!*/
/*!*    text-decoration: none;*!*/
/*!*    font-weight: 600;*!*/
/*!*    transition: all 0.2s ease;*!*/
/*!*}*!*/

/*!*.checkbox-wrapper a:hover {*!*/
/*!*    opacity: 0.8;*!*/
/*!*}*!*/

/*!*!* Auth Button *!*!*/
/*!*.auth-button {*!*/
/*!*    padding: 1rem 1.5rem;*!*/
/*!*    background: var(--primary-gradient);*!*/
/*!*    color: white;*!*/
/*!*    border: none;*!*/
/*!*    border-radius: 12px;*!*/
/*!*    font-size: 1rem;*!*/
/*!*    font-weight: 600;*!*/
/*!*    cursor: pointer;*!*/
/*!*    transition: all 0.3s ease;*!*/
/*!*    display: flex;*!*/
/*!*    align-items: center;*!*/
/*!*    justify-content: center;*!*/
/*!*    gap: 0.5rem;*!*/
/*!*    !*box-shadow: 0 10px 20px rgba(93, 81, 229, 0.3);*!*!*/
/*!*    width: 100%;*!*/
/*!*    margin-top: 0.75rem;*!*/
/*!*    position: relative;*!*/
/*!*    overflow: hidden;*!*/
/*!*    letter-spacing: 0.5px;*!*/
/*!*}*!*/

/*!*.auth-button::before {*!*/
/*!*    content: '';*!*/
/*!*    position: absolute;*!*/
/*!*    top: 0;*!*/
/*!*    left: -100%;*!*/
/*!*    width: 100%;*!*/
/*!*    height: 100%;*!*/
/*!*    background: linear-gradient(*!*/
/*!*            90deg,*!*/
/*!*            rgba(255, 255, 255, 0) 0%,*!*/
/*!*            rgba(255, 255, 255, 0.2) 50%,*!*/
/*!*            rgba(255, 255, 255, 0) 100%*!*/
/*!*    );*!*/
/*!*    transition: all 0.7s ease;*!*/
/*!*}*!*/

/*!*.auth-button:hover {*!*/
/*!*    transform: translateY(-3px);*!*/
/*!*    !*box-shadow: 0 14px 24px rgba(93, 81, 229, 0.4);*!*!*/
/*!*}*!*/

/*!*.auth-button:hover::before {*!*/
/*!*    left: 100%;*!*/
/*!*}*!*/

/*!*!*.auth-page.dark .auth-button {*!*!*/
/*!*!*    !*box-shadow: 0 10px 20px rgba(110, 99, 255, 0.4);*!*!*!*/
/*!*!*!*}*!*!*!*/

/*!*!*!*.auth-page.dark .auth-button:hover {*!*!*!*/
/*!*!*!*    box-shadow: 0 14px 24px rgba(110, 99, 255, 0.5);*!*!*!*/
/*!*!*!*}*!*!*!*/

/*!*!*!*.auth-button:active {*!*!*!*/
/*!*!*!*    transform: translateY(-1px);*!*!*!*/
/*!*!*!*    box-shadow: 0 8px 16px rgba(93, 81, 229, 0.35);*!*!*!*/
/*!*!*!*}*!*!*!*/

/*!*.auth-button:disabled {*!*/
/*!*    opacity: 0.7;*!*/
/*!*    cursor: not-allowed;*!*/
/*!*    transform: none;*!*/
/*!*    !*box-shadow: 0 6px 12px rgba(93, 81, 229, 0.2);*!*!*/
/*!*}*!*/

/*!*.auth-button:disabled::before {*!*/
/*!*    display: none;*!*/
/*!*}*!*/

/*!*!* Loading Spinner *!*!*/
/*!*.spinner {*!*/
/*!*    width: 20px;*!*/
/*!*    height: 20px;*!*/
/*!*    border: 2px solid rgba(255, 255, 255, 0.3);*!*/
/*!*    border-radius: 50%;*!*/
/*!*    border-top-color: white;*!*/
/*!*    animation: spin 0.8s linear infinite;*!*/
/*!*    margin-right: 0.5rem;*!*/
/*!*}*!*/

/*!*@keyframes spin {*!*/
/*!*    to { transform: rotate(360deg); }*!*/
/*!*}*!*/

/*!*!* Auth Footer *!*!*/
/*!*.auth-footer {*!*/
/*!*    padding: 1.5rem;*!*/
/*!*    text-align: center;*!*/
/*!*    border-top: 1px solid var(--auth-border-light);*!*/
/*!*    background-color: rgba(248, 249, 252, 0.7);*!*/
/*!*    border-radius: 0 0 24px 24px;*!*/
/*!*}*!*/

/*!*.auth-page.dark .auth-footer {*!*/
/*!*    border-top: 1px solid var(--auth-border-dark);*!*/
/*!*    background-color: rgba(21, 23, 38, 0.5);*!*/
/*!*}*!*/

/*!*.auth-footer p {*!*/
/*!*    font-size: 0.95rem;*!*/
/*!*    color: var(--auth-text-secondary-light);*!*/
/*!*    margin: 0;*!*/
/*!*}*!*/

/*!*.auth-page.dark .auth-footer p {*!*/
/*!*    color: var(--auth-text-secondary-dark);*!*/
/*!*}*!*/

/*!*.auth-footer a {*!*/
/*!*    color: var(--primary-color);*!*/
/*!*    text-decoration: none;*!*/
/*!*    font-weight: 600;*!*/
/*!*    transition: all 0.2s ease;*!*/
/*!*    display: inline-block;*!*/
/*!*}*!*/

/*!*.auth-footer a:hover {*!*/
/*!*    transform: translateX(2px);*!*/
/*!*}*!*/

/*!*!* Auth Error *!*!*/
/*!*.auth-error {*!*/
/*!*    display: flex;*!*/
/*!*    align-items: flex-start;*!*/
/*!*    gap: 0.75rem;*!*/
/*!*    padding: 1rem 1.25rem;*!*/
/*!*    background-color: var(--auth-error-bg-light);*!*/
/*!*    border: 1px solid var(--auth-error-border-light);*!*/
/*!*    border-radius: 12px;*!*/
/*!*    color: var(--auth-error-text-light);*!*/
/*!*    margin: 0 2.5rem 1.5rem;*!*/
/*!*    font-size: 0.95rem;*!*/
/*!*    animation: fadeInDown 0.4s ease;*!*/
/*!*}*!*/

/*!*@keyframes fadeInDown {*!*/
/*!*    from {*!*/
/*!*        opacity: 0;*!*/
/*!*        transform: translateY(-10px);*!*/
/*!*    }*!*/
/*!*    to {*!*/
/*!*        opacity: 1;*!*/
/*!*        transform: translateY(0);*!*/
/*!*    }*!*/
/*!*}*!*/

/*!*.auth-page.dark .auth-error {*!*/
/*!*    background-color: var(--auth-error-bg-dark);*!*/
/*!*    border-color: var(--auth-error-border-dark);*!*/
/*!*    color: var(--auth-error-text-dark);*!*/
/*!*}*!*/

/*!*.auth-error svg {*!*/
/*!*    width: 20px;*!*/
/*!*    height: 20px;*!*/
/*!*    min-width: 20px;*!*/
/*!*    margin-top: 2px;*!*/
/*!*}*!*/

/*!*!* Success Message *!*!*/
/*!*.auth-success {*!*/
/*!*    display: flex;*!*/
/*!*    align-items: flex-start;*!*/
/*!*    gap: 0.75rem;*!*/
/*!*    padding: 1rem 1.25rem;*!*/
/*!*    background-color: var(--auth-success-bg-light);*!*/
/*!*    border: 1px solid var(--auth-success-border-light);*!*/
/*!*    border-radius: 12px;*!*/
/*!*    color: var(--auth-success-text-light);*!*/
/*!*    margin: 0 2.5rem 1.5rem;*!*/
/*!*    font-size: 0.95rem;*!*/
/*!*    animation: fadeInDown 0.4s ease;*!*/
/*!*}*!*/

/*!*.auth-page.dark .auth-success {*!*/
/*!*    background-color: var(--auth-success-bg-dark);*!*/
/*!*    border-color: var(--auth-success-border-dark);*!*/
/*!*    color: var(--auth-success-text-dark);*!*/
/*!*}*!*/

/*!*.auth-success svg {*!*/
/*!*    width: 20px;*!*/
/*!*    height: 20px;*!*/
/*!*    min-width: 20px;*!*/
/*!*    margin-top: 2px;*!*/
/*!*}*!*/

/*!*!* Responsive Adjustments *!*!*/
/*!*@media (max-width: 576px) {*!*/
/*!*    .auth-container {*!*/
/*!*        border-radius: 20px;*!*/
/*!*    }*!*/

/*!*    .auth-header {*!*/
/*!*        padding: 2.5rem 1.5rem 1.5rem;*!*/
/*!*    }*!*/

/*!*    .auth-form {*!*/
/*!*        padding: 0 1.5rem 2rem;*!*/
/*!*    }*!*/

/*!*    .auth-header h1 {*!*/
/*!*        font-size: 1.75rem;*!*/
/*!*    }*!*/

/*!*    .auth-header p {*!*/
/*!*        font-size: 0.95rem;*!*/
/*!*    }*!*/

/*!*    .input-wrapper input {*!*/
/*!*        padding: 0.85rem 0.85rem 0.85rem 2.75rem;*!*/
/*!*        font-size: 0.9rem;*!*/
/*!*    }*!*/

/*!*    .auth-button {*!*/
/*!*        padding: 0.9rem 1.25rem;*!*/
/*!*        font-size: 0.95rem;*!*/
/*!*    }*!*/

/*!*    .checkbox-wrapper label {*!*/
/*!*        font-size: 0.85rem;*!*/
/*!*    }*!*/

/*!*    .auth-error,*!*/
/*!*    .auth-success {*!*/
/*!*        margin: 0 1.5rem 1.5rem;*!*/
/*!*    }*!*/

/*!*    .auth-footer p {*!*/
/*!*        font-size: 0.9rem;*!*/
/*!*    }*!*/
/*!*}*!*/

/*!*!* Font import for plus jakarta sans *!*!*/

/*!*!* Adding some extra flair *!*!*/
/*!*!* Fancy decoration lines *!*!*/
/*!*.auth-container::before,*!*/
/*!*.auth-container::after {*!*/
/*!*    content: '';*!*/
/*!*    position: absolute;*!*/
/*!*    width: 150px;*!*/
/*!*    height: 150px;*!*/
/*!*    border-radius: 50%;*!*/
/*!*    z-index: 0;*!*/
/*!*}*!*/

/*!*.auth-container::before {*!*/
/*!*    top: -75px;*!*/
/*!*    right: -75px;*!*/
/*!*    background: var(--primary-gradient);*!*/
/*!*    opacity: 0.1;*!*/
/*!*}*!*/

/*!*.auth-container::after {*!*/
/*!*    bottom: -75px;*!*/
/*!*    left: -75px;*!*/
/*!*    background: var(--secondary-gradient);*!*/
/*!*    opacity: 0.05;*!*/
/*!*}*!*/

/*!*!* Decorative elements *!*!*/
/*!*.auth-form::before {*!*/
/*!*    content: '';*!*/
/*!*    position: absolute;*!*/
/*!*    top: 20%;*!*/
/*!*    right: -10px;*!*/
/*!*    width: 20px;*!*/
/*!*    height: 60px;*!*/
/*!*    background: var(--primary-gradient);*!*/
/*!*    border-radius: 10px 0 0 10px;*!*/
/*!*    opacity: 0.2;*!*/
/*!*}*!*/

/*!*.auth-form::after {*!*/
/*!*    content: '';*!*/
/*!*    position: absolute;*!*/
/*!*    bottom: 30%;*!*/
/*!*    left: -10px;*!*/
/*!*    width: 20px;*!*/
/*!*    height: 40px;*!*/
/*!*    background: var(--secondary-gradient);*!*/
/*!*    border-radius: 0 10px 10px 0;*!*/
/*!*    opacity: 0.2;*!*/
/*!*}*!*/

/*!*!* Focus effects and animations *!*!*/
/*!*.input-wrapper input:focus ~ svg {*!*/
/*!*    color: var(--primary-color);*!*/
/*!*    transform: scale(1.1);*!*/
/*!*    transition: all 0.3s ease;*!*/
/*!*}*!*/

/*!*!* Improve logo effect *!*!*/
/*!*.logo:hover .logo-icon {*!*/
/*!*    transform: rotate(5deg);*!*/
/*!*    transition: transform 0.3s ease;*!*/
/*!*}*!*/

/*!*.logo:hover .logo-text {*!*/
/*!*    letter-spacing: -0.3px;*!*/
/*!*    transition: letter-spacing 0.3s ease;*!*/
/*!*}*!*/

/*!*!* Better button accessibility *!*!*/
/*!*.auth-button:focus {*!*/
/*!*    outline: none;*!*/
/*!*    !*box-shadow: 0 0 0 2px white, 0 0 0 4px var(--primary-color);*!*!*/
/*!*}*!*/

/*!*.auth-page.dark .auth-button:focus {*!*/
/*!*    !*box-shadow: 0 0 0 2px var(--auth-container-bg-dark), 0 0 0 4px var(--primary-color);*!*!*/
/*!*}*!*/

/*!*!* Input highlight on focus *!*!*/
/*!*.input-wrapper::after {*!*/
/*!*    content: '';*!*/
/*!*    position: absolute;*!*/
/*!*    bottom: 0;*!*/
/*!*    left: 50%;*!*/
/*!*    width: 0;*!*/
/*!*    height: 2px;*!*/
/*!*    background: var(--primary-gradient);*!*/
/*!*    transition: all 0.3s ease;*!*/
/*!*    transform: translateX(-50%);*!*/
/*!*    border-radius: 1px;*!*/
/*!*    opacity: 0;*!*/
/*!*}*!*/

/*!*.input-wrapper:focus-within::after {*!*/
/*!*    width: calc(100% - 20px);*!*/
/*!*    opacity: 1;*!*/
/*!*}*!*/

/*!*!* Enhanced form animation *!*!*/
/*!*.form-group {*!*/
/*!*    transform: translateY(10px);*!*/
/*!*    opacity: 0;*!*/
/*!*    animation: fadeInUp 0.5s forwards;*!*/
/*!*    animation-delay: calc(var(--i, 0) * 0.1s);*!*/
/*!*}*!*/

/*!*.form-group:nth-child(1) {*!*/
/*!*    --i: 1;*!*/
/*!*}*!*/
/*!*.form-group:nth-child(2) {*!*/
/*!*    --i: 2;*!*/
/*!*}*!*/
/*!*.form-group:nth-child(3) {*!*/
/*!*    --i: 3;*!*/
/*!*}*!*/
/*!*.form-group:nth-child(4) {*!*/
/*!*    --i: 4;*!*/
/*!*}*!*/
/*!*.form-group:nth-child(5) {*!*/
/*!*    --i: 5;*!*/
/*!*}*!*/

/*!*.auth-button {*!*/
/*!*    --i: 6;*!*/
/*!*    transform: translateY(10px);*!*/
/*!*    opacity: 0;*!*/
/*!*    animation: fadeInUp 0.5s forwards;*!*/
/*!*    animation-delay: calc(var(--i) * 0.1s);*!*/
/*!*}*!*/

/*!*!* Improved page transitions *!*!*/
/*!*.auth-page {*!*/
/*!*    perspective: 1000px;*!*/
/*!*    font-family: 'Playfair Display', serif;*!*/
/*!*}*!*/

/*!*.auth-container {*!*/
/*!*    transform-style: preserve-3d;*!*/
/*!*    backface-visibility: hidden;*!*/
/*!*}*!*/

/*!*!* Accessibility improvements *!*!*/
/*!*@media (prefers-reduced-motion: reduce) {*!*/
/*!*    .auth-container,*!*/
/*!*    .auth-button::before,*!*/
/*!*    .auth-header .logo-icon::after,*!*/
/*!*    .form-group,*!*/
/*!*    .auth-button {*!*/
/*!*        animation: none !important;*!*/
/*!*        transition: none !important;*!*/
/*!*    }*!*/
/*!*}*!*/

/*!*!* High contrast mode support *!*!*/
/*!*@media (forced-colors: active) {*!*/
/*!*    .auth-button {*!*/
/*!*        border: 2px solid currentColor;*!*/
/*!*    }*!*/

/*!*    .input-wrapper input {*!*/
/*!*        border: 2px solid currentColor;*!*/
/*!*    }*!*/
/*!*}*!*/

/*!*.auth-header .logo-icon {*!*/
/*!*    width: 80px;              !* حجم أكبر *!*!*/
/*!*    height: 80px;*!*/
/*!*    display: flex;*!*/
/*!*    align-items: center;*!*/
/*!*    justify-content: center;*!*/
/*!*    margin-right: 1.25rem;*!*/
/*!*    border-radius: 16px;      !* حواف ناعمة *!*!*/
/*!*    padding: 5px;               !* بدون فراغ داخلي للصورة *!*!*/
/*!*    !*background: #fff;         !* خلفية بيضاء أو استبدلها بما يناسبك *!*!*!*/
/*!*    box-shadow: 0 4px 18px rgba(110, 99, 255, 0.10); !* ظل خفيف أنيق *!*!*/
/*!*    position: relative;*!*/
/*!*    overflow: hidden;*!*/
/*!*    !*border: 2px solid var(--primary-color); !* إضافة حدود بلون رئيسي *!*!*!*/
/*!*    border: 2px solid #f9f2ec;*!*/
/*!*    }*!*/

/*!*!* صورة اللوجو *!*!*/
/*!*.logo-image-login {*!*/
/*!*    width: 100%;*!*/
/*!*    height: 100%;*!*/
/*!*    object-fit: contain;     !* تحافظ على الأبعاد *!*!*/
/*!*    display: block;*!*/
/*!*}*!*/
/*!*.auth-header .logo-text {*!*/
/*!*    font-size: 2.1rem;            !* حجم أكبر يناسب لوجو كبير *!*!*/
/*!*    font-weight: 900;             !* سماكة قوية *!*!*/
/*!*    letter-spacing: -0.5px;*!*/
/*!*    background: linear-gradient(120deg, #1a1c29 0%, #33364a 100%);*!*/
/*!*    -webkit-background-clip: text;*!*/
/*!*    -webkit-text-fill-color: transparent;*!*/
/*!*    margin-right: 12px;*!*/
/*!*    line-height: 1.1;*!*/
/*!*    display: flex;*!*/
/*!*    align-items: center;*!*/
/*!*}*!*/

/*!*.auth-page.dark .auth-header .logo-text {*!*/
/*!*    background: linear-gradient(120deg, #e2e8f0 0%, #f8fafc 100%);*!*/
/*!*    -webkit-background-clip: text;*!*/
/*!*    -webkit-text-fill-color: transparent;*!*/
/*!*}*!*/

/*!*label[for="terms"] a,*!*/
/*!*label[for="terms"] span {*!*/
/*!*    display: inline !important;*!*/
/*!*    vertical-align: baseline;*!*/
/*!*    margin: 0;*!*/
/*!*    padding: 0;*!*/
/*!*    line-height: inherit;*!*/
/*!*}*!*/
/*!*label[for="terms"] {*!*/
/*!*    display: inline;*!*/
/*!*    white-space: normal !important;*!*/
/*!*}*!*/

/*!* Modern Auth Pages Styling with RTL Support *!*/
/*    !* Light theme *!*/

/*    !* Dark theme *!*/

/*    !* Shared variables *!*/

/*!* Auth Page Container *!*/

/*!* خط عربي *!*/

/*!* Auth Header *!*/

/*!* RTL Support للوجو *!*/

/*!* RTL Support لنص اللوجو *!*/

/*!* خط عربي للعناوين *!*/

/*!* Auth Form *!*/

/*!* RTL Support للتسميات *!*/

/*!* RTL Support للنقطة *!*/

/*!* RTL Support للأيقونات *!*/

/*!* RTL Support للمدخلات *!*/

/*!* Password visibility toggle *!*/

/*!* RTL Support لزر إظهار كلمة المرور *!*/

/*!* Password requirements *!*/

/*!* RTL Support لمتطلبات كلمة المرور *!*/

/*!* RTL Support لرمز المعلومات *!*/

/*!* Label Row for Forgot Password *!*/

/*!* RTL Support لرابط نسيان كلمة المرور *!*/

/*!* Terms Checkbox *!*/

/*!* RTL Support لصندوق الاختيار *!*/

/*!* Auth Button *!*/

/*!* RTL Support للأزرار *!*/

/*!* Loading Spinner *!*/

/*!* RTL Support للسبينر *!*/

/*!* Auth Footer *!*/

/*!* RTL Support لروابط التذييل *!*/

/*!* Auth Error *!*/

/*!* RTL Support للأخطاء *!*/

/*!* Success Message *!*/

/*!* RTL Support لرسائل النجاح *!*/

/*!* Responsive Adjustments *!*/

/*!* تحسينات إضافية للعربية *!*/

/*!* تحسين الاتجاه للنصوص المختلطة *!*/

/*!* تحسين المظهر للعناصر التفاعلية *!*/

/*!* Decorative elements with RTL support *!*/

/*!* RTL Support للزخارف *!*/

/*!* Decorative form elements with RTL support *!*/

/*!* RTL Support للزخارف في النموذج *!*/

/*!* تحسين التفاعل مع اللوجو *!*/

/*!* تحسين الوصولية *!*/
/*    !* يمكن إضافة تحسينات للوضع المظلم *!*/

/*!* تحسين خط المدخلات *!*/

/*!* تحسين الحركة للنماذج *!*/

/*!* إمكانية الوصول *!*/

/*!* دعم الألوان عالية التباين *!*/.auth-page{align-items:center;background-color:var(--bg-secondary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill='%23f97316' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E"),radial-gradient(circle at 0 0,#f973161a 0,#0000 30%),radial-gradient(circle at 100% 100%,#3b82f61a 0,#0000 30%);display:flex;font-family:var(--font-primary);justify-content:center;min-height:100vh;padding:2rem 1rem;transition:all var(--transition-normal)}.auth-page.ar{font-family:var(--font-arabic)}.auth-page.dark{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill='%23f97316' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E"),radial-gradient(circle at 0 0,#f9731633 0,#0000 30%),radial-gradient(circle at 100% 100%,#3b82f626 0,#0000 30%)}.auth-container,.auth-page.dark{background-color:var(--bg-primary)}.auth-container{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);color:var(--text-primary);max-width:480px;overflow:hidden;padding:0;position:relative;transition:all var(--transition-normal);width:100%}.auth-page.dark .auth-container{background-color:var(--bg-secondary);color:var(--text-primary)}.auth-header{padding:var(--space-12) var(--space-10) var(--space-8);position:relative;text-align:center;z-index:1}.auth-header:before{background:var(--gradient-primary);border-radius:0 0 50% 50%/0 0 100% 100%;content:"";height:250px;left:-20%;opacity:.05;position:absolute;right:-20%;top:-60%;z-index:-1}.auth-header .logo{color:var(--text-primary);margin-bottom:var(--space-8);text-decoration:none}.auth-header .logo,.auth-header .logo-icon{align-items:center;display:flex;justify-content:center}.auth-header .logo-icon{border:2px solid #f9731633;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);height:80px;margin-right:var(--space-5);overflow:hidden;padding:5px;position:relative;transition:all var(--transition-normal);width:80px}.auth-page.rtl .auth-header .logo-icon{margin-left:1.25rem;margin-right:0}.auth-header .logo-icon:after{animation:shineEffect 3s ease-in-out infinite;background:#fff3;content:"";height:140%;left:-100%;position:absolute;top:-30%;transform:rotate(20deg);width:24px}.logo-image-login{display:block;height:100%;object-fit:contain;width:100%}.auth-header .logo-text{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(120deg,#1a1c29,#33364a);-webkit-background-clip:text;display:flex;font-size:2.1rem;font-weight:900;letter-spacing:-.5px;line-height:1.1;margin-right:12px}.auth-page.rtl .auth-header .logo-text{margin-left:12px;margin-right:0}.auth-page.dark .auth-header .logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(120deg,#e2e8f0,#f8fafc);-webkit-background-clip:text}.auth-header h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:1rem}.auth-page.ar .auth-header h1{font-family:Cairo,sans-serif;font-size:2.25rem;font-weight:800}.auth-page.dark .auth-header h1{color:var(--text-primary)}.auth-header p{color:var(--text-secondary);font-size:1rem;margin:0}.auth-page.ar .auth-header p{font-family:Cairo,sans-serif;font-size:1.125rem}.auth-page.dark .auth-header p{color:var(--text-secondary)}.auth-form{gap:var(--space-6);padding:0 var(--space-10) var(--space-10)}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:var(--space-2)}.form-group label{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-left:var(--space-2)}.auth-page.rtl .form-group label{margin-left:0;margin-right:var(--space-2)}.auth-page.ar .form-group label{font-family:var(--font-arabic);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.form-group label:before{background-color:var(--accent-orange);border-radius:50%;content:"";display:inline-block;height:4px;margin-right:var(--space-2);width:4px}.auth-page.rtl .form-group label:before{margin-left:var(--space-2);margin-right:0}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper svg{color:var(--text-secondary);height:18px;left:var(--space-4);position:absolute;width:18px;z-index:1}.auth-page.rtl .input-wrapper svg{left:auto;right:var(--space-4)}.input-wrapper input{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:.9rem var(--space-4) .9rem var(--space-12);transition:all var(--transition-normal);width:100%}.auth-page.rtl .input-wrapper input{padding:.9rem var(--space-12) .9rem var(--space-4);text-align:right}.auth-page.ar .input-wrapper input{font-family:var(--font-arabic);font-size:var(--font-size-base)}.input-wrapper input:focus{border-color:var(--accent-orange);box-shadow:0 0 0 3px #f973161a;outline:none;transform:translateY(-1px)}.input-wrapper input::placeholder{color:var(--text-muted);opacity:.6}.toggle-password{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;height:20px;justify-content:center;padding:0;position:absolute;right:var(--space-4);transition:transform var(--transition-fast);width:20px}.auth-page.rtl .toggle-password{left:var(--space-4);right:auto}.toggle-password:hover{transform:scale(1.1)}.toggle-password svg{height:18px;position:static;width:18px}.password-requirements{color:var(--text-secondary);font-size:var(--font-size-xs);line-height:1.5;margin-top:var(--space-3);padding-left:var(--space-2);position:relative}.auth-page.rtl .password-requirements{padding-left:0;padding-right:var(--space-2);text-align:right}.auth-page.ar .password-requirements{font-family:var(--font-arabic);font-size:var(--font-size-sm)}.password-requirements:before{color:var(--accent-orange);content:"ⓘ";font-weight:700;left:-1rem;position:absolute}.auth-page.rtl .password-requirements:before{left:auto;right:-1rem}.label-row{align-items:center;display:flex;justify-content:space-between}.forgot-password{color:var(--accent-orange);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-decoration:none;transition:all var(--transition-fast)}.auth-page.ar .forgot-password{font-family:var(--font-arabic);font-size:var(--font-size-sm)}.forgot-password:hover{opacity:.8;transform:translateX(2px)}.auth-page.rtl .forgot-password:hover{transform:translateX(-2px)}.auth-button{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-2);justify-content:center;letter-spacing:.5px;margin-top:var(--space-3);overflow:hidden;padding:var(--space-4) var(--space-6);position:relative;transition:all var(--transition-normal);width:100%}.auth-page.ar .auth-button{font-family:var(--font-arabic);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.auth-page.rtl .auth-button{flex-direction:row-reverse}.auth-button:before{background:linear-gradient(90deg,#fff0,#fff3 50%,#fff0);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .7s ease;width:100%}.auth-button:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.auth-button:hover:before{left:100%}.auth-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.auth-button:disabled:before{display:none}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;margin-right:var(--space-2);width:20px}.auth-page.rtl .spinner{margin-left:var(--space-2);margin-right:0}.auth-footer{background-color:var(--bg-secondary);border-radius:0 0 var(--radius-2xl) var(--radius-2xl);border-top:1px solid var(--border-color);padding:var(--space-6);text-align:center}.auth-footer p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.auth-page.ar .auth-footer p{font-family:var(--font-arabic);font-size:var(--font-size-base)}.auth-footer a{color:var(--accent-orange);display:inline-block;font-weight:var(--font-weight-semibold);text-decoration:none;transition:all var(--transition-fast)}.auth-footer a:hover{transform:translateX(2px)}.auth-page.rtl .auth-footer a:hover{transform:translateX(-2px)}.terms-group{margin-top:var(--space-3)}.checkbox-wrapper{align-items:flex-start;display:flex;gap:var(--space-3)}.auth-page.rtl .checkbox-wrapper{flex-direction:row-reverse;text-align:right}.checkbox-wrapper input[type=checkbox]{accent-color:var(--accent-orange);border-radius:var(--radius-sm);cursor:pointer;height:18px;margin-top:2px;width:18px}.checkbox-wrapper label{color:var(--text-secondary);cursor:pointer;display:inline!important;font-size:var(--font-size-sm);line-height:1.4;white-space:normal!important}.checkbox-wrapper label:before{display:none}.auth-page.ar .checkbox-wrapper label{font-family:var(--font-arabic);font-size:var(--font-size-base)}.checkbox-wrapper a{color:var(--accent-orange);font-weight:var(--font-weight-semibold);text-decoration:none;transition:all var(--transition-fast)}.checkbox-wrapper a:hover{opacity:.8}label[for=terms] a,label[for=terms] span{display:inline!important;line-height:inherit;margin:0;padding:0;vertical-align:initial}.auth-error{align-items:flex-start;animation:fadeInDown .4s ease;background-color:#ef44441a;border:1px solid #ef44444d;border-radius:var(--radius-lg);color:var(--error-500);display:flex;font-size:var(--font-size-sm);gap:var(--space-3);margin:0 var(--space-10) var(--space-6);padding:var(--space-4) var(--space-5)}.auth-page.rtl .auth-error{flex-direction:row-reverse;text-align:right}.auth-page.ar .auth-error{font-family:var(--font-arabic);font-size:var(--font-size-base)}.auth-error svg{height:20px;margin-top:2px;min-width:20px;width:20px}.auth-success{align-items:flex-start;animation:fadeInDown .4s ease;background-color:#10b9811a;border:1px solid #10b9814d;border-radius:var(--radius-lg);color:var(--success-500);display:flex;font-size:var(--font-size-sm);gap:var(--space-3);margin:0 var(--space-10) var(--space-6);padding:var(--space-4) var(--space-5)}.auth-page.rtl .auth-success{flex-direction:row-reverse;text-align:right}.auth-page.ar .auth-success{font-family:var(--font-arabic);font-size:var(--font-size-base)}.auth-success svg{height:20px;margin-top:2px;min-width:20px;width:20px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shineEffect{0%{left:-100%}25%{left:100%}to{left:100%}}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:576px){.auth-container{border-radius:var(--radius-xl)}.auth-header{padding:var(--space-10) var(--space-6) var(--space-6)}.auth-form{padding:0 var(--space-6) var(--space-8)}.auth-header h1{font-size:var(--font-size-3xl)}.auth-page.ar .auth-header h1{font-size:var(--font-size-4xl)}.auth-header p{font-size:var(--font-size-sm)}.auth-page.ar .auth-header p{font-size:var(--font-size-base)}.input-wrapper input{font-size:var(--font-size-sm);padding:.85rem .85rem .85rem 2.75rem}.auth-page.rtl .input-wrapper input{padding:.85rem 2.75rem .85rem .85rem}.auth-button{font-size:var(--font-size-sm);padding:.9rem var(--space-5)}.auth-page.ar .auth-button{font-size:var(--font-size-base)}.checkbox-wrapper label{font-size:var(--font-size-xs)}.auth-page.ar .checkbox-wrapper label{font-size:var(--font-size-sm)}.auth-error,.auth-success{margin:0 var(--space-6) var(--space-6)}.auth-footer p{font-size:var(--font-size-sm)}.auth-page.ar .auth-footer p{font-size:var(--font-size-base)}}.auth-container:after,.auth-container:before{border-radius:50%;content:"";height:150px;position:absolute;width:150px;z-index:0}.auth-container:before{background:var(--gradient-primary);opacity:.1;right:-75px;top:-75px}.auth-container:after{background:var(--gradient-accent);bottom:-75px;left:-75px;opacity:.05}.auth-page.rtl .auth-container:before{left:-75px;right:auto}.auth-page.rtl .auth-container:after{left:auto;right:-75px}@media (prefers-reduced-motion:reduce){.auth-button,.auth-button:before,.auth-container,.auth-header .logo-icon:after,.form-group{animation:none!important;transition:none!important}}@media (forced-colors:active){.auth-button,.input-wrapper input{border:2px solid}}.auth-button:focus-visible,.input-wrapper input:focus-visible{outline:2px solid var(--accent-orange);outline-offset:2px}@media print{.auth-page{background:#fff!important;background-image:none!important}.auth-container{box-shadow:none!important}.auth-button,.auth-container{border:2px solid #000!important}.auth-button{background:#0000!important;color:#000!important}}.auth-page .language-toggle{position:absolute;right:var(--space-8);top:var(--space-8);z-index:var(--z-floating)}.auth-page.rtl .language-toggle{left:var(--space-8);right:auto}@media (max-width:768px){.auth-page .language-toggle{right:var(--space-4);top:var(--space-4)}.auth-page.rtl .language-toggle{left:var(--space-4);right:auto}}
/*!* src/pages/DashboardPage.css *!*/

/*!* Welcome Section *!*/

/*!* Quick Actions Section *!*/

/*!* Recent Activity Section *!*/

/*!* Logout Section *!*/

/*!* Responsive Design *!*/

/*!* Dark theme enhancements *!*/

/*!* Accessibility *!*/

/*!* Focus states *!*/.loading-screen{align-items:center;background:var(--bg-primary);color:var(--text-primary);display:flex;font-family:var(--font-primary);inset:0;justify-content:center;overflow:hidden;position:fixed;z-index:9999}.loading-screen.rtl{direction:rtl;font-family:var(--font-arabic)}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:400px;padding:2rem;position:relative;text-align:center;width:100%}.loading-logo{margin-bottom:2rem;position:relative}.logo-circle{align-items:center;background:var(--gradient-primary);border-radius:50%;box-shadow:0 20px 60px #0000001a,0 0 40px #3b82f633;display:flex;height:120px;justify-content:center;position:relative;width:120px}.logo-spinner{border-radius:50%;inset:-10px;position:absolute}.spinner-ring{border:3px solid #0000;border-radius:50%;border-top:3px solid var(--accent-orange);inset:0;opacity:.8;position:absolute}.spinner-ring.delayed{animation-delay:.5s;border-top-color:var(--primary-500);opacity:.6;transform:scale(1.1)}.logo-content{align-items:center;display:flex;height:60px;justify-content:center;position:relative;width:60px;z-index:2}.logo-image2{filter:drop-shadow(0 4px 12px rgba(0,0,0,.1));height:100%;object-fit:contain;width:100%}.loading-text{margin-bottom:2rem;text-align:center}.loading-title{-webkit-text-fill-color:#0000;background:var(--gradient-text);background-clip:text;-webkit-background-clip:text;color:#0000;font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:.5rem}.loading-message{color:var(--text-secondary);font-size:1.1rem;font-weight:500;margin:0;opacity:.8}.loading-progress{margin-top:1rem;max-width:300px;width:100%}.progress-bar{background:var(--bg-secondary);box-shadow:inset 0 2px 4px #0000001a;height:8px;margin-bottom:.5rem;width:100%}.progress-bar,.progress-fill{border-radius:4px;overflow:hidden}.progress-fill{background:var(--gradient-primary);height:100%;position:relative;transition:width .3s ease}.progress-fill:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.progress-text{color:var(--text-muted);font-size:.9rem;font-weight:600}.loading-particles{inset:0;overflow:hidden;pointer-events:none;position:absolute}.particle{background:var(--accent-orange);border-radius:50%;box-shadow:0 0 10px currentColor;height:6px;opacity:.4;position:absolute;width:6px}.loading-screen[data-theme=dark] .logo-circle{box-shadow:0 20px 60px #0000004d,0 0 40px #3b82f64d}.loading-screen[data-theme=dark] .progress-bar{background:#ffffff1a}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:768px){.loading-container{padding:1rem}.logo-circle{height:100px;width:100px}.logo-content{height:50px;width:50px}.loading-title{font-size:2rem}.loading-message{font-size:1rem}}@media (max-width:480px){.logo-circle{height:80px;width:80px}.logo-content{height:40px;width:40px}.loading-title{font-size:1.75rem}}@media (prefers-reduced-motion:reduce){.loading-message,.logo-spinner,.particle{animation:none!important}.progress-fill:after{animation:none}}@media (prefers-contrast:more){.loading-screen{background:var(--bg-primary);color:var(--text-primary)}.logo-circle{border:2px solid var(--text-primary)}.spinner-ring{border-top-color:var(--text-primary)}}
/*!* ===== unified-styles.css ===== *!*/
/*!**/

/*!* ===== OPTIMIZED FONT LOADING ===== *!*/
/*!* طلب واحد فقط بدلاً من 6 طلبات *!*/

/*!* ===== CSS RESET - مبسط ===== *!*/

/*!* ===== DESIGN SYSTEM ===== *!*/
/*    !* ===== نظام الألوان الموحد ===== *!*/
/*    !*--primary-500: #f97316;      !* برتقالي رئيسي قوي *!*!*/

/*    !* === ألوان رمادية ثانوية === *!*/

/*    !* === تدرجات محسنة ومتوازنة === *!*/

/*    !* توزيع متوازن: البرتقالي 0–55%، اللون البيني 55–70%، السماوي 70–85%، الكحلي حتى النهاية *!*/

/*    !* توزيع لتدرج أكسنت: مناسب للعناوين والأزرار *!*/

/*    !* تدرج نصي أنيق *!*/


/*    !* ===== نظام المسافات ===== *!*/

/*    !* ===== نظام الخطوط ===== *!*/

/*    !* ===== نظام الظلال ===== *!*/

/*    !* ===== نظام الانحناءات ===== *!*/

/*    !* ===== نظام الانتقالات ===== *!*/

/*    !* ===== متغيرات الثيم الديناميكية ===== *!*/
/*    !* الوضع الفاتح (افتراضي) *!*/

/*    !* ===== متغيرات RTL ===== *!*/

/*    !* ========== ألوان هوية إضافية ========== *!*/

/*    !* ========== ألوان محايدة محسّنة ========== *!*/

/*    !* ========== تدرجات محسّنة للفوتر ========== *!*/

/*    !* ========== ظلال محسّنة للفوتر ========== *!*/

/*    !* ========== أبعاد ومسافات إضافية ========== *!*/

/*    !* ========== مؤشرات عمق ========== *!*/

/*        !* انتقالات محسّنة *!*/

/*!* ===== DARK THEME ===== *!*/

/*!* ===== RTL SUPPORT ===== *!*/

/*!* ===== COMPONENT UTILITIES ===== *!*/

/*!* Container System *!*/

/*!* Grid System *!*/

/*!* Flex Utilities *!*/

/*!* Text Utilities *!*/

/*!* ===== HERO SECTION ===== *!*/

/*!* Hero Typography *!*/

/*!* Gradient Text *!*/

/*!* Hero Actions *!*/

/*!* ===== BUTTONS ===== *!*/

/*!* RTL Button Icons *!*/

/*!* ===== CARDS ===== *!*/

/*!* Hero Stats *!*/

/*!* ===== NOTIFICATIONS ===== *!*/

/*!* ===== FLOATING ELEMENTS ===== *!*/

/*!* ===== ESSENTIAL ANIMATIONS ===== *!*/

/*!* ===== RESPONSIVE DESIGN ===== *!*/

/*!* ===== ACCESSIBILITY ===== *!*/

/*!* ===== SCROLL BAR ===== *!*/

/*!* ===== PRINT STYLES ===== *!*/

/*!* ===== LOADING STATES ===== *!*/

/*!* ===== UTILITIES ===== *!*/

/*!* ===== DEBUG (يُزال في الإنتاج) ===== *!*/

/*!* للوضع الداكن *!*/*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;height:100%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;background:var(--bg-primary);color:#1e293b;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}
/*    !* === الخطوط === *!*/

/*    !* === المسافات === *!*/

/*    !* === أحجام الخطوط === *!*/

/*    !* === أوزان الخطوط === *!*/

/*    !* === الانحناءات === *!*/

/*    !* === الانتقالات === *!*/

/*    !* === أعماق الطبقات === *!*/

/*    !* === ألوان التدرج الثابتة === *!*/

/*    !* === ألوان إضافية للهوية === *!*/

/*    !* === متغيرات RTL === *!*/

/*    !* ===== متغيرات الثيم الديناميكية (الوضع الفاتح افتراضياً) ===== *!*/
/*    !* === الخلفيات === *!*/

/*    !* === النصوص === *!*/

/*    !* === البطاقات === *!*/

/*    !* === الهيدر === *!*/

/*    !* === الفوتر === *!*/

/*    !* === الحدود والظلال === *!*/

/*    !* === الألوان التفاعلية === *!*/

/*!* ===== الوضع المظلم - يتم تطبيقه ديناميكياً ===== *!*/
/*    !* === الخلفيات === *!*/

/*    !* === النصوص === *!*/

/*    !* === البطاقات === *!*/

/*    !* === الهيدر === *!*/

/*    !* === الفوتر === *!*/

/*    !* === الحدود والظلال === *!*/

/*    !* === الألوان التفاعلية === *!*/:root{--font-primary:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-arabic:"Cairo","Noto Sans Arabic",sans-serif;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--transition-smooth:300ms cubic-bezier(0.25,0.46,0.45,0.94);--z-background:1;--z-content:10;--z-floating:50;--z-dropdown:100;--z-sticky:200;--z-overlay:1000;--z-modal:1400;--gradient-primary:linear-gradient(135deg,#3b82f6,#f97316);--gradient-accent:linear-gradient(135deg,#f97316,#fb923c);--gradient-text:linear-gradient(135deg,#3b82f6,#f97316 50%,#f80);--hero-neon-blue:#00d4ff;--hero-electric-orange:#f97316;--hero-cyber-green:#39ff14;--hero-neural-orange:#ff6b35;--hero-deep-space:#0a0a0f;--hero-quantum-orange:#fb923c;--hero-plasma-orange:#f80;--hero-hologram-cyan:#0ff;--text-direction:ltr;--start:left;--end:right;--dir-factor:1;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-overlay:#ffffffe6;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--text-accent:#f97316;--card-bg:#f8fafcd9;--card-hover:#f1f5f9f2;--card-border:#e2e8f0b3;--card-shadow:0 4px 6px -1px #0000001a;--header-bg:#fffffff2;--header-border:#e2e8f04d;--header-text:#1e293b;--footer-bg:#fff;--footer-bg-secondary:#f8fafc;--footer-border:#e2e8f0b3;--footer-bg-transparent:#ffffffb3;--border-color:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--primary-500:#3b82f6;--primary-600:#2563eb;--accent-orange:#f97316;--success-500:#10b981;--error-500:#ef4444;--card-bg:#f1f5f9;--avatar-border-light:#e0f2fe;--avatar-border-gray:#f1f5f9;--avatar-status-green:#22c55e;--orange-600:#ea580c;--gray-800:#f88238;--gray-50:#f8fafc;--red-400:#f87171;--red-600:#dc2626;--red-500:#ef4444}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-overlay:#0f172ae6;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-accent:#f97316;--card-bg:#1e293bcc;--card-hover:#334155e6;--card-border:#47556999;--card-shadow:0 4px 6px -1px #0000004d;--header-bg:#0f172af2;--header-border:#4755694d;--header-text:#f8fafc;--footer-bg:#0f172a;--footer-bg-secondary:#1e293b;--footer-border:#47556999;--footer-bg-transparent:#2c3e504d;--border-color:#334155;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #0009;--primary-500:#60a5fa;--primary-600:#3b82f6;--accent-orange:#fb923c;--success-500:#34d399;--error-500:#f87171}[dir=rtl]{--text-direction:rtl;--start:right;--end:left;--dir-factor:-1}[dir=rtl] body{font-family:Cairo,Noto Sans Arabic,sans-serif;font-family:var(--font-arabic);text-align:right}.container{margin:0 auto;max-width:1280px;padding:0 1rem;padding:0 var(--space-4);width:100%}@media (min-width:768px){.container{padding:0 1.5rem;padding:0 var(--space-6)}}.grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:767px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem;gap:var(--space-2)}.gap-3{gap:.75rem;gap:var(--space-3)}.gap-4{gap:1rem;gap:var(--space-4)}.gap-6{gap:1.5rem;gap:var(--space-6)}.text-center{text-align:center}.text-left{text-align:left}.text-right,[dir=rtl] .text-left{text-align:right}[dir=rtl] .text-right{text-align:left}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#f97316 50%,#f80);background:var(--gradient-text);background-clip:text;-webkit-background-clip:text;color:#0000}.btn{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);gap:.5rem;gap:var(--space-2);justify-content:center;min-height:44px;outline:none;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);white-space:nowrap}.btn:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--primary-500);outline-offset:2px}.btn-primary{background:linear-gradient(135deg,#3b82f6,#f97316);background:var(--gradient-primary);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff}.btn-primary:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f1f5f9;background:var(--card-bg);border:1px solid #e2e8f0b3;border:1px solid var(--card-border);color:#1e293b;color:var(--text-primary)}.btn-secondary:hover{background:#f1f5f9f2;background:var(--card-hover);transform:translateY(-2px)}.btn-ghost{background:#0000;color:#f97316;color:var(--accent-orange);padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.btn-ghost:hover{background:#f973161a}@media (max-width:640px){.btn{max-width:320px;width:100%}}.card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f1f5f9;background:var(--card-bg);border:1px solid #e2e8f0b3;border:1px solid var(--card-border);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);padding:1rem;padding:var(--space-4);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.card:hover{background:#f1f5f9f2;background:var(--card-hover);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.select-none{-webkit-user-select:none;user-select:none}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.btn:hover,.card:hover{transform:none}}@media (prefers-contrast:more){.btn-secondary,.card{border-color:#1e293b;border-color:var(--text-primary)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border-color);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--text-muted)}@media print{.card{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.btn{background:#0000!important;border:1px solid #000!important;color:#000!important}}.loading{opacity:0;pointer-events:none}.loaded{opacity:1;pointer-events:auto;transition:opacity .3s ease}