:root{--color-gold-light: #e8c674;--color-gold: #d4a853;--color-gold-dark: #b08730;--color-amber: #c49830;--color-amber-dark: #96670a;--color-gold-light-rgb: 232, 198, 116;--color-gold-rgb: 212, 168, 83;--color-gold-dark-rgb: 176, 135, 48;--color-amber-rgb: 196, 152, 48;--color-amber-dark-rgb: 150, 103, 10;--color-gold-lg: linear-gradient( 135deg, var(--color-gold-light) 0%, var(--color-gold) 44%, var(--color-gold-dark) 100% );--color-cream: #faf9f7;--color-ivory: #f5f3f0;--color-warm-white: #ffffff;--color-tan: #ebe8e2;--color-brown-light: #d5d1ca;--color-brown: #a8a49c;--color-brown-dark: var(--color-gold-dark);--color-charcoal: #111110;--color-electric: var(--color-gold);--color-electric-dark: var(--color-amber-dark);--color-bg-subtle: #f5f3f0;--color-hero-from: #111110;--color-hero-to: #1a1918;--color-hero-subtle: rgba(255, 255, 255, .85);--color-hero-muted: rgba(255, 255, 255, .65);--color-on-dark: #faf9f7;--skeleton-base: rgba(17, 17, 16, .04);--skeleton-shine: rgba(17, 17, 16, .08);--color-text-primary: #111110;--color-text-secondary: #555250;--color-text-muted: #8a8884;--color-text-inverse: #ffffff;--color-border: #e5e3de;--color-border-light: #f0ede8;--color-bg: #ffffff;--color-bg-alt: #fafaf8;--color-bg-dark: #f5f3f0;--color-success: #2d7a3e;--color-error: #c43b2a;--color-success-strong: #2d7a3e;--color-on-success-strong: #f2fff4;--color-data-blue: #5d7a8c;--color-data-plum: #7d5067;--color-data-sage: #6f8a55;--color-data-rust: #a94f3f;--dash-fill: #b8772c;--dash-fill-peak: #7d501c;--dash-fill-deep: #3f2912;--dash-fill-deepest: #1d1208;--dash-track: #efc88a;--dash-comparison: #dca050;--dash-accent: #b8772c;--dash-bar-fill: #7d501c;--dash-ramp-1: #1d1208;--dash-ramp-2: #3f2912;--dash-ramp-3: #7d501c;--dash-ramp-4: #b8772c;--dash-ramp-5: #dca050;--dash-ramp-6: #efc88a;--color-order-status-pending: var(--color-gold-dark);--color-order-status-processing: var(--color-data-blue);--color-order-status-shipped: var(--color-data-plum);--color-order-status-delivered: var(--color-data-sage);--color-order-status-cancelled: var(--color-data-rust);--font-display: "Space Grotesk", "Rajdhani", sans-serif;--font-body: "Manrope", sans-serif;--heading-line-height: 1.1;--heading-letter-spacing: 0em;--btn-letter-spacing: .06em;--btn-text-transform: uppercase;--badge-letter-spacing: .08em;--badge-text-transform: uppercase;--section-label-letter-spacing: .16em;--section-label-text-transform: uppercase;--navbar-link-font-size: .7rem;--navbar-link-letter-spacing: .14em;--navbar-link-text-transform: uppercase;--navbar-lang-btn-font-size: 10px;--navbar-lang-btn-native-font-size: 10px;--navbar-mobile-lang-btn-font-size: 12px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3.25rem;--text-6xl: 4rem;--text-7xl: 5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .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;--space-24: 6rem;--space-32: 8rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 14px;--radius-2xl: 20px;--radius-3xl: 28px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .07);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .09);--shadow-xl: 0 16px 40px rgba(0, 0, 0, .11);--shadow-glow: 0 0 24px rgba(var(--color-gold-rgb), .25);--transition-fast: .15s cubic-bezier(.25, .1, .25, 1);--transition-base: .25s cubic-bezier(.25, .1, .25, 1);--transition-slow: .4s cubic-bezier(.25, .1, .25, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--container-max: 77.5rem;--container-padding: clamp(var(--space-4), 4vw, var(--space-8));--navbar-height: clamp(60px, 14.4vw, 88px);--promo-banner-height: 0rem;--tap-target: 3.125rem;--safe-area-bottom: env(safe-area-inset-bottom, 0rem);--navbar-bg: linear-gradient( 180deg, color-mix(in srgb, var(--color-gold-light) 56%, var(--color-gold)) 0%, var(--color-gold) 48%, color-mix(in srgb, var(--color-gold) 78%, var(--color-gold-dark)) 100% );--navbar-bg-mobile: linear-gradient( 180deg, color-mix(in srgb, var(--color-gold-light) 48%, var(--color-gold)) 0%, color-mix(in srgb, var(--color-gold) 88%, var(--color-tan)) 100% );--navbar-bg-scrolled: var(--navbar-bg);--navbar-surface: color-mix( in srgb, var(--color-gold) 82%, var(--color-gold-light) );--navbar-surface-raised: rgba(17, 17, 16, .1);--navbar-text: var(--color-charcoal);--navbar-text-muted: var(--color-amber-dark);--navbar-text-soft: rgba(17, 17, 16, .74);--navbar-keyline: rgba(var(--color-amber-dark-rgb), .4);--navbar-keyline-soft: rgba(var(--color-amber-dark-rgb), .22);--navbar-accent: var(--color-charcoal);--navbar-accent-strong: var(--color-amber-dark);--navbar-on-accent: var(--color-on-dark);--navbar-mobile-bg: rgba(255, 255, 255, .99);--navbar-dropdown-bg: rgba(255, 255, 255, .98);--navbar-btn-bg: rgba(17, 17, 16, .06);--navbar-btn-bg-hover: rgba(17, 17, 16, .1);--color-on-accent: #1a1400;--btn-outline-bg: transparent;--btn-outline-bg-hover: rgba(var(--color-gold-rgb), .08);--btn-outline-text: #111110;--btn-outline-text-hover: var(--color-gold-dark);--scrollbar-track: #f5f3f0;--scrollbar-thumb: #d5d1ca;--scrollbar-thumb-hover: #a8a49c}[data-theme=dark]{--color-cream: #1a1918;--color-ivory: #1e1d1b;--color-warm-white: #161514;--color-tan: #252320;--color-brown-light: #3a3836;--color-brown: #4a4844;--color-brown-dark: var(--color-gold-light);--color-charcoal: #111110;--color-hero-from: #0a0a09;--color-hero-to: #161514;--color-hero-subtle: rgba(250, 249, 247, .85);--color-hero-muted: rgba(250, 249, 247, .65);--skeleton-base: rgba(255, 255, 255, .04);--skeleton-shine: rgba(255, 255, 255, .08);--color-text-primary: #f0ede8;--color-text-secondary: #a8a49c;--color-text-muted: #706c64;--color-text-inverse: #111110;--color-border: rgba(255, 255, 255, .1);--color-border-light: rgba(255, 255, 255, .06);--color-bg: #111110;--color-bg-alt: #1a1918;--color-bg-dark: #0d0d0c;--color-bg-subtle: #1a1918;--color-success-strong: #3f8f50;--color-on-success-strong: #f3fff6;--color-white: #1a1918;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 40px rgba(0, 0, 0, .6);--navbar-mobile-bg: rgba(17, 17, 16, .99);--navbar-dropdown-bg: rgba(17, 17, 16, .98);--btn-outline-bg: rgba(255, 255, 255, .06);--btn-outline-bg-hover: rgba(var(--color-gold-rgb), .12);--btn-outline-text: #f0ede8;--btn-outline-text-hover: var(--color-gold-light);--scrollbar-track: rgba(255, 255, 255, .06);--scrollbar-thumb: rgba(255, 255, 255, .2);--scrollbar-thumb-hover: rgba(255, 255, 255, .35)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:14px;-webkit-text-size-adjust:100%;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);overflow-x:clip}lucide-icon{display:inline-flex;flex-shrink:0}lucide-icon.filled svg{fill:currentColor}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}html[lang=ar]{--font-display: "Cairo", sans-serif;--font-body: "Cairo", sans-serif;--heading-line-height: 1.1;--heading-letter-spacing: 0;--btn-letter-spacing: .06em;--btn-text-transform: none;--badge-letter-spacing: 0;--badge-text-transform: none;--section-label-letter-spacing: 0;--section-label-text-transform: none;--navbar-link-font-size: .875rem;--navbar-link-letter-spacing: 0;--navbar-link-text-transform: none;--navbar-lang-btn-font-size: 10px;--navbar-lang-btn-native-font-size: 10px;--navbar-mobile-lang-btn-font-size: 12px}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none;transition:color var(--transition-fast),opacity var(--transition-fast)}a:hover{opacity:.85}button{cursor:pointer;border:none;background:none;font-family:inherit;line-height:1;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;line-height:1.2;color:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:var(--heading-line-height);font-weight:700;letter-spacing:var(--heading-letter-spacing);color:var(--color-text-primary)}h1{font-size:clamp(var(--text-4xl),5vw,var(--text-7xl))}h2{font-size:clamp(var(--text-3xl),4vw,var(--text-5xl))}h3{font-size:clamp(var(--text-2xl),3vw,var(--text-4xl))}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{color:var(--color-text-secondary);line-height:1.75}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding-inline:var(--container-padding)}.section{padding:var(--space-12) 0}@media (min-width: 768px){.section{padding:clamp(3.5rem,7vw,var(--space-24)) 0}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.8rem 1.75rem;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;letter-spacing:var(--btn-letter-spacing);text-transform:var(--btn-text-transform);transition:all var(--transition-base);white-space:nowrap;cursor:pointer;border:1.5px solid transparent;position:relative;min-height:var(--tap-target)}@media (hover: hover){.btn:hover{transform:translateY(-1px)}}.btn:active{transform:translateY(0)}.btn-primary{background:var(--color-gold);color:var(--color-on-accent);border-color:var(--color-gold);box-shadow:0 4px 14px rgba(var(--color-gold-rgb),.3)}.btn-primary:hover{background:var(--color-gold-dark);border-color:var(--color-gold-dark);box-shadow:0 8px 20px rgba(var(--color-gold-rgb),.4)}.btn-primary:active{box-shadow:0 2px 8px rgba(var(--color-gold-rgb),.25)}.btn-outline{border-color:var(--color-border);color:var(--btn-outline-text);background:var(--btn-outline-bg)}.btn-outline:hover{border-color:var(--color-gold);color:var(--btn-outline-text-hover);background:var(--btn-outline-bg-hover)}.btn-dark{background:var(--color-charcoal);color:var(--color-text-inverse);box-shadow:0 4px 12px #00000026}.btn-dark:hover{background:#2a2928;box-shadow:0 8px 20px #0003}.btn-ghost{color:var(--color-text-primary);padding:.8rem 1.25rem}.btn-ghost:hover{background:#0000000a}.btn-sm{padding:.6rem 1.25rem;font-size:var(--text-xs)}.btn-lg{padding:1rem 2.25rem;font-size:var(--text-sm)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;line-height:1;letter-spacing:var(--badge-letter-spacing);text-transform:var(--badge-text-transform)}.badge-gold{background:var(--color-gold);color:var(--color-on-accent)}.badge-dark{background:var(--color-charcoal);color:#fff}.badge-green{background:#2d7a3e1a;color:#2d7a3e}.badge-muted{background:#0000000f;color:var(--color-text-muted)}.badge-urgent{background:#c43b2a;color:#fff}.badge-outline{border:1.5px solid var(--color-gold);color:var(--color-gold);background:transparent}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary)}.form-input{padding:.8rem 1.25rem;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text-primary);font-size:var(--text-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.form-input:focus{border-color:var(--color-gold);box-shadow:0 0 0 3px rgba(var(--color-gold-rgb),.15)}.form-input::placeholder{color:var(--color-text-muted)}.section-label{display:inline-flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--section-label-letter-spacing);text-transform:var(--section-label-text-transform);color:var(--color-electric-dark);margin-bottom:var(--space-3)}.section-label:before{content:"";display:block;width:20px;height:2px;background:var(--color-gold)}.section-title{font-family:var(--font-display);font-size:clamp(var(--text-3xl),4vw,var(--text-5xl));line-height:var(--heading-line-height);font-weight:700;letter-spacing:var(--heading-letter-spacing);color:var(--color-text-primary);margin-bottom:var(--space-4)}.section-subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:560px;line-height:1.7}.section-header{margin-bottom:clamp(var(--space-8),4.5vw,var(--space-12))}.section-header.text-center{text-align:center}.section-header.text-center .section-subtitle{margin:0 auto}.divider{width:48px;height:2px;background:var(--color-gold);border-radius:var(--radius-full);margin:var(--space-6) 0}.divider-center{margin:var(--space-6) auto}.card{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);overflow:hidden;transition:box-shadow var(--transition-base),transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-error{display:flex;align-items:center;gap:var(--space-3);background:#c43b2a0f;color:var(--color-error);border:1px solid rgba(196,59,42,.15);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);line-height:1.5;margin-bottom:var(--space-5);animation:fadeIn var(--transition-base) ease}.auth-error svg{flex-shrink:0}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-up{animation:fadeInUp .5s ease forwards}.overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);z-index:100;animation:fadeIn var(--transition-base) ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::selection{background:rgba(var(--color-gold-rgb),.3);color:#111110}.text-center{text-align:center}.text-gold{color:var(--color-gold)}.text-muted{color:var(--color-text-muted)}.font-display{font-family:var(--font-display)}.italic{font-style:italic}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:var(--space-4)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skeleton{background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-shine) 50%,var(--skeleton-base) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}html[dir=rtl] body{text-align:right}html[dir=rtl] .section-label:before{order:2}[dir=rtl] .app-rtl-flip svg,[dir=rtl] svg.app-rtl-flip{transform:scaleX(-1)}::view-transition-old(root){animation:vt-fade-out .18s cubic-bezier(.4,0,1,1) both}::view-transition-new(root){animation:vt-fade-in .22s cubic-bezier(0,0,.2,1) .06s both}@keyframes vt-fade-out{0%{opacity:1}to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}