@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&family=Inter:wght@300;400;500;600;700;800;900&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&display=swap");*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}:root{--c-bg:#050508;--c-bg2:#0c0c16;--c-bg3:#12121e;--c-card:hsla(0,0%,100%,.03);--c-card2:hsla(0,0%,100%,.055);--c-card-hover:hsla(0,0%,100%,.06);--c-gold:#d4af37;--c-gold-light:#f5d170;--c-gold-dim:rgba(212,175,55,.15);--c-blue:#3b82f6;--c-blue-light:#60a5fa;--c-blue-dim:rgba(59,130,246,.15);--c-teal:#14b8a6;--c-teal-dim:rgba(20,184,166,.15);--c-purple:#8b5cf6;--c-purple-dim:rgba(139,92,246,.15);--c-green:#22c55e;--c-red:#ef4444;--c-text:#f8fafc;--c-text-2:rgba(248,250,252,.7);--c-text-3:rgba(248,250,252,.45);--c-text-4:rgba(248,250,252,.25);--c-border:hsla(0,0%,100%,.07);--c-border2:hsla(0,0%,100%,.12);--c-border3:hsla(0,0%,100%,.22);--radius:16px;--radius-sm:10px;--radius-lg:24px;--radius-xl:32px;--shadow-card:0 4px 24px rgba(0,0,0,.5);--shadow-card-hover:0 12px 48px rgba(0,0,0,.7);--shadow-gold:0 0 40px rgba(212,175,55,.25);--shadow-blue:0 0 40px rgba(59,130,246,.3);--grad-gold:linear-gradient(135deg,#b8941f,#f5d170 45%,#b8941f);--grad-blue:linear-gradient(135deg,#2563eb,#60a5fa);--grad-teal:linear-gradient(135deg,#0d9488,#2dd4bf);--grad-purple:linear-gradient(135deg,#7c3aed,#a78bfa);--grad-hero:radial-gradient(ellipse at 20% 50%,rgba(59,130,246,.13) 0%,transparent 55%),radial-gradient(ellipse at 80% 15%,rgba(212,175,55,.09) 0%,transparent 50%),radial-gradient(ellipse at 65% 85%,rgba(139,92,246,.08) 0%,transparent 50%);--font-ar:"Tajawal",system-ui,sans-serif;--font-en:"Inter",system-ui,sans-serif;--font-display:"Playfair Display",serif}body{background:var(--c-bg);color:var(--c-text);font-family:var(--font-ar);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--c-bg)}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.12);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.22)}.glass{background:var(--c-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--c-border);border-radius:var(--radius)}.glass2{background:var(--c-card2);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid var(--c-border2);border-radius:var(--radius)}.text-gold{background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;background-size:200% auto}.text-blue,.text-gold{-webkit-text-fill-color:transparent}.text-blue{background:var(--grad-blue);-webkit-background-clip:text;background-clip:text}.text-teal{background:var(--grad-teal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border:none;border-radius:var(--radius-sm);font-family:var(--font-ar);font-size:15px;font-weight:700;cursor:pointer;transition:all .25s ease;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--grad-blue);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-blue);filter:brightness(1.1)}.btn-gold{background:var(--grad-gold);color:#0a0800;background-size:200% auto}.btn-gold:hover{transform:translateY(-2px);box-shadow:var(--shadow-gold);background-position:100%}.btn-outline{background:transparent;color:var(--c-text);border:1px solid var(--c-border2)}.btn-outline:hover{background:var(--c-card-hover);border-color:var(--c-border3);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--c-text-2);border:none}.btn-ghost:hover{color:var(--c-text);background:var(--c-card)}.btn-sm{padding:9px 18px;font-size:13px}.btn-lg{padding:17px 36px;font-size:17px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:100px;font-size:12px;font-weight:700}.badge-gold{background:var(--c-gold-dim);color:var(--c-gold-light);border:1px solid rgba(212,175,55,.3)}.badge-blue{background:var(--c-blue-dim);color:var(--c-blue-light);border:1px solid rgba(59,130,246,.3)}.badge-teal{background:var(--c-teal-dim);color:var(--c-teal);border:1px solid rgba(20,184,166,.3)}.badge-green{background:rgba(34,197,94,.12);color:#4ade80;border:1px solid rgba(34,197,94,.3)}.badge-red{background:rgba(239,68,68,.12);color:#f87171;border:1px solid rgba(239,68,68,.3)}.badge-purple{background:var(--c-purple-dim);color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.tag{display:inline-flex;align-items:center;gap:7px;padding:7px 16px;border-radius:100px;font-size:13px;font-weight:600;margin-bottom:20px}.tag-blue{background:var(--c-blue-dim);border:1px solid rgba(59,130,246,.25);color:var(--c-blue-light)}.tag-gold{background:var(--c-gold-dim);border:1px solid rgba(212,175,55,.25);color:var(--c-gold-light)}.tag-teal{background:var(--c-teal-dim);border:1px solid rgba(20,184,166,.25);color:var(--c-teal)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.section{padding:100px 0}.section-sm{padding:60px 0}.section-title{font-size:clamp(2rem,4vw,3.2rem);font-weight:900;line-height:1.2;margin-bottom:16px}.section-sub{font-size:clamp(1rem,2vw,1.2rem);color:var(--c-text-2);line-height:1.9;max-width:620px}.divider{width:56px;height:3px;border-radius:2px;background:var(--grad-gold);margin:16px 0}.input{width:100%;padding:13px 18px;background:hsla(0,0%,100%,.05);border:1px solid var(--c-border2);border-radius:var(--radius-sm);color:var(--c-text);font-family:var(--font-ar);font-size:15px;outline:none;transition:all .2s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none}.input::placeholder{color:var(--c-text-3)}.input:focus{background:hsla(0,0%,100%,.07);border-color:var(--c-blue);box-shadow:0 0 0 3px rgba(59,130,246,.12)}.input option{background:#0c0c16;color:var(--c-text)}.card{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius-lg);transition:all .3s ease}.card:hover{background:var(--c-card-hover);border-color:var(--c-border2);transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-18px) rotate(2deg)}}@keyframes float2{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(16px) rotate(-1.5deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideLeft{0%{opacity:0;transform:translateX(28px)}to{opacity:1;transform:translateX(0)}}@keyframes slideRight{0%{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:translateX(0)}}@keyframes shimmerGold{0%{background-position:-200%}to{background-position:200%}}@keyframes gradShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spinSlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes typingDot{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes starTwinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}@keyframes heroFloat{0%,to{transform:translateY(0) scale(1)}33%{transform:translateY(-12px) scale(1.02)}66%{transform:translateY(8px) scale(.98)}}@keyframes ringPulse{0%{transform:scale(1);opacity:.7}to{transform:scale(2.2);opacity:0}}@keyframes borderFlow{0%,to{border-color:rgba(59,130,246,.4);box-shadow:0 0 20px rgba(59,130,246,.1)}50%{border-color:rgba(212,175,55,.4);box-shadow:0 0 20px rgba(212,175,55,.1)}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.anim-fadeInUp{animation:fadeInUp .7s ease forwards}.anim-fadeIn{animation:fadeIn .5s ease forwards}.anim-scaleIn{animation:scaleIn .5s ease forwards}.anim-float{animation:float 7s ease-in-out infinite}.anim-float2{animation:float2 8s ease-in-out infinite}.anim-delay-1{animation-delay:.1s}.anim-delay-2{animation-delay:.2s}.anim-delay-3{animation-delay:.3s}.anim-delay-4{animation-delay:.4s}.anim-delay-5{animation-delay:.5s}.anim-delay-6{animation-delay:.6s}.anim-delay-8{animation-delay:.8s}@media (max-width:1024px){.container{padding:0 20px}}@media (max-width:768px){.section{padding:64px 0}.section-sm{padding:40px 0}.section-title{font-size:1.75rem}.btn{padding:12px 22px;font-size:14px}.btn-lg{padding:14px 28px;font-size:15px}}@media (max-width:480px){.container{padding:0 16px}.section-title{font-size:1.5rem}}