html,body{overflow-x:hidden;width:100%;margin:0;padding:0}body{font-family:Tajawal,sans-serif;background:radial-gradient(circle at 50% 30%,#1e2b4d14,#fafbfd 85%);background-attachment:fixed;color:#1e2b4d}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 24!important}.glass-nav{background:#fafbfdbf;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.6)}.gold-gradient-text{background:linear-gradient(135deg,#80c8ff,#0082e6,#0050a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(60px,-40px) scale(1.1)}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-40px,50px) scale(.9)}}.orb-float-1{animation:orbFloat1 22s infinite ease-in-out}.orb-float-2{animation:orbFloat2 28s infinite ease-in-out 3s}.orb-navy{background:radial-gradient(circle,#1e2b4d17,#1e2b4d00 70%)}.orb-gold{background:radial-gradient(circle,#0082e61a,#0082e600 70%)}.tilt-card{transform-style:preserve-3d;perspective:1000px;transition:transform .25s cubic-bezier(.25,1,.5,1),box-shadow .3s ease}.tilt-card-inner{transform:translateZ(30px);transition:transform .25s cubic-bezier(.25,1,.5,1)}.shine-layer{position:absolute;inset:0;background:radial-gradient(circle at var(--shine-x, 50%) var(--shine-y, 50%),rgba(255,255,255,.18) 0%,rgba(255,255,255,0) 60%);pointer-events:none;z-index:5;border-radius:inherit}.mockup-card{background:#ffffffd1;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid rgba(255,255,255,.9);box-shadow:0 40px 80px -20px #1e2b4d26,inset 0 1px #fff9,0 0 40px #0082e608}@keyframes float3D{0%,to{transform:translateY(0) rotate3d(1,1,1,0)}50%{transform:translateY(-22px) rotate3d(1,1,1,3.5deg)}}.animate-float-3d{animation:float3D 8s ease-in-out infinite}@keyframes floatDelayed{0%,to{transform:translateY(0) rotate3d(1,-1,1,0)}50%{transform:translateY(-26px) rotate3d(1,-1,1,-4.5deg)}}.animate-float-delayed{animation:floatDelayed 7.5s ease-in-out infinite 1.5s}@keyframes floatFast{0%,to{transform:translateY(0) rotate3d(-1,1,1,0)}50%{transform:translateY(-20px) rotate3d(-1,1,1,3deg)}}.animate-float-fast{animation:floatFast 6.5s ease-in-out infinite .3s}@keyframes luxuryEntrance{0%{opacity:0;transform:translateY(40px) scale(.96);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.entrance-element{opacity:0;animation:luxuryEntrance 1.4s cubic-bezier(.16,1,.3,1) forwards}.delay-badge{animation-delay:.15s}.delay-h1{animation-delay:.3s}.delay-p{animation-delay:.45s}.delay-btn{animation-delay:.6s}.delay-trust{animation-delay:.75s}.delay-visual{animation-delay:.5s}.scroll-reveal{opacity:0;transform:translateY(35px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.accordion-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.16,1,.3,1),padding .4s ease}.accordion-content-inner{overflow:hidden}.accordion-open{grid-template-rows:1fr}@keyframes pulseGoldGlow{0%,to{box-shadow:0 0 15px #0082e626}50%{box-shadow:0 0 35px #0082e666}}.pulse-gold-glow{animation:pulseGoldGlow 4s infinite ease-in-out}.gold-glow-text{text-shadow:0 0 10px rgba(102,178,255,.3)}.star-btn .star-num{font-size:11px;font-weight:700;color:#9ca3af;margin-top:4px;display:block;transition:all .3s ease}.star-btn:hover .star-num,.star-btn.active .star-num{color:#0082e6;font-weight:800}
