:root{--color-espresso:#1a0f0a;--color-mocha:#3c2415;--color-mocha-light:#4a2e1a;--color-mocha-mid:#5c3a20;--color-gold:#c8952e;--color-amber:#d4a84b;--color-sand:#e8d5b7;--color-cream:#f5ede0;--color-white:#fff;--color-spice:#8b3a2f;--color-saffron:#e07b3a;--color-green:#2d5a3d;--color-honey:#f0c75e;--color-success:#2d7a4f;--color-warning:#d4a84b;--color-error:#9b3b3b;--gradient-gold:linear-gradient(135deg, #c8952e 0%, #d4a84b 50%, #c8952e 100%);--gradient-gold-shine:linear-gradient(135deg, #c8952e 0%, #f0c75e 40%, #c8952e 80%, #d4a84b 100%);--gradient-hero:linear-gradient(180deg, #1a0f0a00 0%, #1a0f0a99 60%, #1a0f0af2 100%);--gradient-card:linear-gradient(180deg, transparent 0%, #1a0f0ae6 100%);--gradient-section:linear-gradient(180deg, #1a0f0a 0%, #2a1508 50%, #1a0f0a 100%);--shadow-warm-sm:0 2px 8px #c8952e1a;--shadow-warm-md:0 4px 20px #c8952e26;--shadow-warm-lg:0 8px 40px #c8952e33;--shadow-warm-xl:0 16px 60px #c8952e40;--shadow-card:0 4px 24px #0006;--shadow-glow:0 0 30px #c8952e4d;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-5xl:8rem;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--radius-full:999px;--font-display:"Playfair Display", Georgia, serif;--font-serif:"Cormorant Garamond", Georgia, serif;--font-sans:"Inter", system-ui, sans-serif;--font-arabic:"Tajawal", "IBM Plex Sans Arabic", Arial, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--transition-fast:.15s ease-out;--transition-base:.3s ease-out;--transition-slow:.5s ease-out;--transition-luxury:.6s cubic-bezier(.25, .46, .45, .94);--z-base:1;--z-dropdown:100;--z-navbar:500;--z-modal:900;--z-toast:999;--container-max:1280px;--container-padding:1.5rem}:root,[data-theme=dark]{--surface-primary:#1a0f0a;--surface-secondary:#2a1508;--surface-deep:#0d0704;--surface-card:#3c2415;--surface-card-hover:#4a2e1a;--surface-overlay:#1a0f0af2;--surface-glass:#1a0f0ae6;--surface-input:#3c241580;--surface-input-focus:#3c2415cc;--text-primary:#e8d5b7;--text-heading:#f5ede0;--text-secondary:#e8d5b7b3;--text-muted:#e8d5b78c;--text-faint:#e8d5b766;--text-very-faint:#e8d5b759;--text-accent:#d4a84b;--text-placeholder:#e8d5b766;--border-subtle:#c8952e1a;--border-default:#c8952e33;--border-strong:#c8952e4d;--border-dim:#ffffff0d;--border-dim-mid:#ffffff14;--hover-bg:#c8952e1a;--active-bg:#c8952e26;--shadow-dark:#0006;--shadow-dark-heavy:#0009;--scrollbar-track:#1a0f0a;--scrollbar-thumb:#5c3a20;--selection-bg:#c8952e4d;--selection-text:#f5ede0}[data-theme=light]{--surface-primary:#f5ede0;--surface-secondary:#ede3d3;--surface-deep:#e5d8c6;--surface-card:#fff;--surface-card-hover:#fff9f2;--surface-overlay:#f5ede0f7;--surface-glass:#ffffffeb;--surface-input:#3c24150f;--surface-input-focus:#3c241508;--text-primary:#3c2415;--text-heading:#1a0f0a;--text-secondary:#3c2415b3;--text-muted:#3c24158c;--text-faint:#3c241566;--text-very-faint:#3c241559;--text-accent:#8b6914;--text-placeholder:#3c241559;--border-subtle:#3c241514;--border-default:#3c241526;--border-strong:#3c241540;--border-dim:#3c24150d;--border-dim-mid:#3c241514;--hover-bg:#3c24150f;--active-bg:#3c24151a;--shadow-dark:#3c24151f;--shadow-dark-heavy:#3c241533;--shadow-warm-sm:0 2px 8px #3c241514;--shadow-warm-md:0 4px 20px #3c24151f;--shadow-warm-lg:0 8px 40px #3c241526;--shadow-warm-xl:0 16px 60px #3c241533;--shadow-card:0 4px 24px #3c24151a;--shadow-glow:0 0 30px #c8952e33;--scrollbar-track:#f5ede0;--scrollbar-thumb:#d4c4ad;--selection-bg:#c8952e40;--selection-text:#1a0f0a}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;max-width:100%;font-size:16px;overflow-x:hidden}body{background-color:var(--surface-primary);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.7;transition:background-color .3s,color .3s;overflow-x:hidden}[lang=ar] body,[lang=ar]{font-family:var(--font-arabic);direction:rtl}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{max-width:var(--container-max);padding:0 var(--container-padding);margin:0 auto}.section{padding:var(--space-5xl) 0}.section--sm{padding:var(--space-3xl) 0}.text-display{font-family:var(--font-display);font-size:var(--text-7xl);letter-spacing:-.02em;font-weight:700;line-height:1.1}.text-h1{font-family:var(--font-display);font-size:var(--text-5xl);letter-spacing:-.01em;font-weight:700;line-height:1.15}.text-h2{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:600;line-height:1.2}.text-h3{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:600;line-height:1.3}.text-gold{background:var(--gradient-gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-sand{color:var(--text-primary)}.text-cream{color:var(--text-heading)}.text-muted{color:var(--text-muted)}.btn{border-radius:var(--radius-full);font-size:var(--text-sm);letter-spacing:.05em;text-transform:uppercase;transition:all var(--transition-luxury);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 2rem;font-weight:600;line-height:1.2;display:inline-flex;position:relative;overflow:hidden}@media (max-width:640px){.btn{letter-spacing:.02em;width:100%;padding:.75rem 1.25rem;font-size:.75rem}}.btn:before{content:"";opacity:0;transition:opacity var(--transition-base);background:linear-gradient(135deg,#ffffff26 0%,#0000 50%);position:absolute;inset:0}.btn:hover:before{opacity:1}.btn-primary{background:var(--gradient-gold);color:var(--color-espresso);box-shadow:var(--shadow-warm-md)}.btn-primary:hover{box-shadow:var(--shadow-warm-xl);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-outline{color:var(--color-gold);border:1.5px solid var(--color-gold);background:0 0}.btn-outline:hover{box-shadow:var(--shadow-warm-sm);background:#c8952e1a;transform:translateY(-2px)}.btn-ghost{background:var(--hover-bg);color:var(--text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-dim-mid)}.btn-ghost:hover{background:var(--active-bg);color:var(--text-heading)}.card{background:var(--surface-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);transition:all var(--transition-luxury);box-shadow:var(--shadow-card);overflow:hidden}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-warm-lg), var(--shadow-card);transform:translateY(-6px)}.section-label{font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase;color:var(--color-gold);align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:600;display:inline-flex}.section-label:before,.section-label:after{content:"";background:var(--gradient-gold);width:24px;height:1px;display:block}.ornament{color:var(--color-gold);opacity:.6;font-size:var(--text-xs);letter-spacing:.3em;text-transform:uppercase;justify-content:center;align-items:center;gap:1rem;display:flex}.ornament:before,.ornament:after{content:"";background:var(--gradient-gold);width:60px;height:1px;display:block}.divider{width:100%;height:1px;margin:var(--space-2xl) 0;background:linear-gradient(90deg,#0000,#c8952e4d,#0000)}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #c8952e33}50%{box-shadow:0 0 40px #c8952e80}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes rotateSlowly{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes steam{0%{opacity:0;transform:translateY(0)scaleX(1)}15%{opacity:.5}50%{opacity:.3;transform:translateY(-20px)scaleX(1.3)}to{opacity:0;transform:translateY(-40px)scaleX(.8)}}@keyframes kenBurns{0%{transform:scale(1)translate(0)}to{transform:scale(1.08)translate(-1%,-1%)}}@keyframes countUp{0%{opacity:0}to{opacity:1}}.animate-fade-in-up{animation:.8s ease-out both fadeInUp}.animate-float{animation:4s ease-in-out infinite float}.reveal{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}.grid-2{gap:var(--space-xl);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.bg-pattern{background-image:radial-gradient(circle at 20% 20%,#c8952e0d 0%,#0000 50%),radial-gradient(circle at 80% 80%,#c8952e0d 0%,#0000 50%)}.bg-grain:after{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:absolute;inset:0}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{font-size:var(--text-sm);color:var(--color-amber);letter-spacing:.05em;text-transform:uppercase;font-weight:500}.form-input,.form-select,.form-textarea{background:var(--surface-input);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:var(--text-base);transition:all var(--transition-base);outline:none;padding:.875rem 1.25rem;font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-gold);background:var(--surface-input-focus);box-shadow:0 0 0 3px #c8952e26}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-placeholder)}.form-select option{background:var(--color-mocha);color:var(--color-sand)}.form-textarea{resize:vertical;min-height:140px}.badge{border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;align-items:center;padding:.25rem .75rem;font-weight:600;display:inline-flex}.badge-gold{color:var(--color-gold);background:#c8952e26;border:1px solid #c8952e4d}.badge-spice{color:#e07b6a;background:#8b3a2f33;border:1px solid #8b3a2f66}.badge-green{color:#5daa7a;background:#2d5a3d33;border:1px solid #2d5a3d66}.stars{color:var(--color-gold);font-size:var(--text-sm);gap:2px;display:flex}.page-enter{animation:.6s ease-out fadeInUp}::-webkit-scrollbar{width:6px}::-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(--color-gold)}::selection{background:var(--selection-bg);color:var(--selection-text)}@media (max-width:1024px){:root{--text-7xl:3.5rem;--text-6xl:3rem;--text-5xl:2.5rem;--text-4xl:2rem}.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){:root{--text-7xl:2.5rem;--text-6xl:2.25rem;--text-5xl:2rem;--text-4xl:1.75rem;--text-3xl:1.5rem;--space-5xl:5rem;--space-4xl:4rem;--container-padding:1rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section{padding:var(--space-4xl) 0}}@media (max-width:480px){:root{--text-7xl:2rem;--text-5xl:1.75rem;--text-4xl:1.5rem;--space-5xl:4rem}}[dir=rtl] body{letter-spacing:0;font-family:Tajawal,IBM Plex Sans Arabic,Arial,sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6{letter-spacing:0;font-family:Cairo,Tajawal,sans-serif;font-weight:700}[dir=rtl] .font-display,[dir=rtl] [class*=title],[dir=rtl] [class*=heading],[dir=rtl] [class*=hero] h1,[dir=rtl] [class*=hero] h2{font-family:Cairo,Tajawal,sans-serif;font-weight:800}[dir=rtl] .section-label{letter-spacing:0;font-family:Tajawal,sans-serif}[dir=rtl] .section-label:before{margin-left:.5rem;margin-right:0}[dir=rtl] .section-label:after{margin-left:0;margin-right:.5rem}[dir=rtl] .form-input,[dir=rtl] .form-select,[dir=rtl] .form-textarea{text-align:right;font-family:Tajawal,sans-serif}[dir=rtl] .btn{letter-spacing:0;font-family:Tajawal,sans-serif}html{transition:direction}body{transition:font-family .3s,background-color .3s,color .3s}[data-theme=light] .form-select option{background:var(--surface-card);color:var(--text-primary)}[data-theme=light] .divider{background:linear-gradient(90deg,#0000,#3c241526,#0000)}[data-theme=light] .btn-outline{color:var(--color-gold);border-color:var(--color-gold)}[data-theme=light] .btn-outline:hover{background:#c8952e14}[data-theme=light] .badge-gold{background:#c8952e1f}[data-theme=light] .badge-spice{background:#8b3a2f1f}[data-theme=light] .badge-green{background:#2d5a3d1f}
