@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800&display=swap";:root{--clr-bg-dark:#1f1411;--clr-bg-card:#2e1d16;--clr-primary:#d59f81;--clr-primary-hover:#eab497;--clr-text-main:#fcf9f7;--clr-text-muted:#d4c5bd;--clr-border:#4d3328;--clr-gradient-start:#2e1d16;--clr-gradient-end:#140d0a;--clr-accent:#c9a87c;--clr-gold:#e8c39e;--font-primary:"Tajawal", sans-serif;--transition-fast:.2s ease-in-out;--transition-medium:.4s ease-in-out;--transition-slow:.6s cubic-bezier(.25, .46, .45, .94);--ease-out-expo:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background-color:var(--clr-bg-dark);background-image:radial-gradient(ellipse at 20% 20%, #d59f810f 0%, transparent 50%), radial-gradient(ellipse at 80% 80%, #c9a87c0a 0%, transparent 50%), linear-gradient(135deg, var(--clr-gradient-start) 0%, var(--clr-gradient-end) 100%);color:var(--clr-text-main);cursor:none;direction:rtl;background-attachment:fixed;min-height:100vh;line-height:1.6;overflow-x:hidden}@media (pointer:coarse){body{cursor:auto}}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--clr-primary)}button,.btn{font-family:var(--font-primary);cursor:none;transition:all var(--transition-fast);border:none;outline:none}@media (pointer:coarse){button,.btn{cursor:pointer}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.text-center{text-align:center}.text-primary{color:var(--clr-primary)}.text-muted{color:var(--clr-text-muted)}.font-bold{font-weight:700}.font-medium{font-weight:500}.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-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}.btn-primary{background-color:var(--clr-primary);color:var(--clr-bg-dark);border-radius:4px;padding:.75rem 2rem;font-size:1.1rem;font-weight:700;position:relative;overflow:hidden}.btn-primary:hover{background-color:var(--clr-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #d59f814d}.btn-outline{color:var(--clr-text-main);border:1px solid var(--clr-primary);background-color:#0000;border-radius:4px;padding:.75rem 2rem;font-size:1.1rem;font-weight:500;position:relative;overflow:hidden}.btn-outline:hover{background-color:var(--clr-primary);color:var(--clr-bg-dark);transform:translateY(-2px);box-shadow:0 4px 12px #d59f8133}.card{background-color:var(--clr-bg-card);border:1px solid var(--clr-border);transition:transform var(--transition-medium), border-color var(--transition-medium);border-radius:8px;padding:2rem}.card:hover{border-color:var(--clr-primary);transform:translateY(-5px)}.glass-panel{-webkit-backdrop-filter:blur(10px);background:#2e1d1699;border:1px solid #d59f811a;border-radius:12px}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.chart-container{background-color:var(--clr-bg-card);border:1px solid var(--clr-border);border-radius:8px;margin-top:1.5rem;padding:1.5rem}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:right;border-bottom:1px solid var(--clr-border);padding:1rem}.data-table th{color:var(--clr-primary);font-weight:500}.data-table tbody tr:hover{background-color:#ffffff05}.status-badge{border-radius:999px;padding:.25rem .75rem;font-size:.875rem;font-weight:500}.status-completed{color:#2ecc71;background-color:#2ecc711a;border:1px solid #2ecc714d}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--clr-bg-dark)}::-webkit-scrollbar-thumb{background:var(--clr-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--clr-primary)}.scroll-progress{background:linear-gradient(90deg, var(--clr-primary), var(--clr-gold), var(--clr-primary));z-index:9999;background-size:200%;width:0%;height:3px;transition:width .1s linear;position:fixed;top:0;left:0;box-shadow:0 0 10px #d59f8180}.cursor-dot{background:var(--clr-primary);pointer-events:none;z-index:10000;mix-blend-mode:difference;border-radius:50%;width:8px;height:8px;transition:transform .1s;position:fixed;top:0;left:0}.cursor-ring{pointer-events:none;z-index:9999;border:1.5px solid #d59f8180;border-radius:50%;width:36px;height:36px;transition:transform .15s ease-out,border-color .3s;position:fixed;top:0;left:0}.cursor-ring.cursor-hover{border-color:var(--clr-primary-hover);background:#d59f8114}.cursor-trail{background:var(--clr-primary);pointer-events:none;z-index:9998;border-radius:50%;width:4px;height:4px;animation:.5s ease-out forwards trailFade;position:fixed}@keyframes trailFade{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(0)}}@media (pointer:coarse){.cursor-dot,.cursor-ring,.cursor-trail{display:none!important}}#particle-canvas{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}body{opacity:0;transition:opacity .5s var(--ease-out-expo)}body.page-loaded{opacity:1}.reveal,.reveal-left,.reveal-right,.reveal-scale,.reveal-3d{opacity:0;transition:all .9s var(--ease-out-expo)}.reveal{transform:translateY(60px)}.reveal-left{transform:translate(80px)}.reveal-right{transform:translate(-80px)}.reveal-scale{transform:scale(.9)}.reveal-3d{transform:perspective(1000px)rotateX(15deg)translateY(40px)}.reveal.is-visible,.reveal-left.is-visible,.reveal-right.is-visible,.reveal-scale.is-visible,.reveal-3d.is-visible{opacity:1;transform:none}.stagger-children>*{opacity:0;transition:all .7s var(--ease-out-expo);transform:translateY(40px)}.stagger-children.is-visible>:first-child{opacity:1;transition-delay:50ms;transform:none}.stagger-children.is-visible>:nth-child(2){opacity:1;transition-delay:.12s;transform:none}.stagger-children.is-visible>:nth-child(3){opacity:1;transition-delay:.19s;transform:none}.stagger-children.is-visible>:nth-child(4){opacity:1;transition-delay:.26s;transform:none}.stagger-children.is-visible>:nth-child(5){opacity:1;transition-delay:.33s;transform:none}.stagger-children.is-visible>:nth-child(6){opacity:1;transition-delay:.4s;transform:none}.tilt-3d,.card-3d,.benefit-card{transform-style:preserve-3d;will-change:transform}.glare{pointer-events:none;opacity:0;z-index:2;border-radius:inherit;transition:opacity .3s;position:absolute;inset:0}.btn,.btn-primary,.btn-outline{will-change:transform}@keyframes rippleEffect{to{opacity:0;transform:scale(4)}}.click-particle{background:var(--clr-primary);pointer-events:none;z-index:9997;border-radius:50%;width:6px;height:6px;animation:.8s ease-out forwards particleBurst;position:fixed}@keyframes particleBurst{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(0)}}.neon-border{border-radius:12px;position:relative;overflow:hidden}.neon-border:before{content:"";background:conic-gradient(from 0deg, transparent, var(--clr-primary), transparent, var(--clr-gold), transparent);border-radius:inherit;opacity:0;z-index:-1;transition:opacity .5s;animation:3s linear infinite neonRotate;position:absolute;inset:-2px}.neon-border.neon-active:before{opacity:1}.neon-border:after{content:"";background:var(--clr-bg-card);border-radius:inherit;z-index:-1;position:absolute;inset:0}@keyframes neonRotate{to{transform:rotate(360deg)}}[data-spotlight]{position:relative;overflow:hidden}[data-spotlight]:before{content:"";width:300px;height:300px;left:var(--mouse-x,50%);top:var(--mouse-y,50%);pointer-events:none;opacity:0;background:radial-gradient(circle,#d59f811f 0%,#0000 70%);border-radius:50%;transition:opacity .3s;position:absolute;transform:translate(-50%,-50%)}[data-spotlight]:hover:before{opacity:1}.typing-cursor:after{content:"|";color:var(--clr-primary);margin-right:2px;animation:.8s step-end infinite blink}@keyframes blink{50%{opacity:0}}.scramble-char{color:var(--clr-primary);font-weight:700}.gradient-text{background:linear-gradient(135deg, var(--clr-primary), var(--clr-gold), var(--clr-primary-hover), var(--clr-primary));-webkit-text-fill-color:transparent;background-size:300%;-webkit-background-clip:text;background-clip:text;animation:4s infinite gradientFlow}@keyframes gradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes floatMild{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.float-animation{animation:3s ease-in-out infinite float}.float-animation:nth-child(2n){animation-delay:.5s}.float-animation:nth-child(3n){animation-delay:1s}@keyframes glow{0%,to{box-shadow:0 0 20px #d59f814d,0 8px 25px #0000004d}50%{box-shadow:0 0 40px #d59f8180,0 15px 40px #0006}}@keyframes glowPrimary{0%,to{text-shadow:0 0 10px #d59f814d}50%{text-shadow:0 0 25px #d59f81b3,0 0 40px #d59f814d}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)rotateX(10deg)}to{opacity:1;transform:scale(1)rotateX(0)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-5deg)scale(.9)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes shimmer{0%,to{background-position:0 0}50%{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate3d{0%{transform:rotateX(0)rotateY(0)}50%{transform:rotateX(10deg)rotateY(10deg)}to{transform:rotateX(0)rotateY(0)}}@keyframes morphBlob{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wave{0%,to{transform:translateY(0)}25%{transform:translateY(-5px)}75%{transform:translateY(5px)}}.blob-bg{pointer-events:none;z-index:0;background:radial-gradient(circle,#d59f8114 0%,#0000 70%);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;width:400px;height:400px;animation:8s ease-in-out infinite morphBlob;position:absolute}.animate-fade-in{animation:.8s ease-out forwards fadeIn}.animate-delay-1{animation-delay:.2s}.animate-delay-2{animation-delay:.4s}.animate-delay-3{animation-delay:.6s}.navbar{transition:all .4s var(--ease-out-expo)}.navbar.scrolled{-webkit-backdrop-filter:blur(16px)saturate(1.2)!important;background:#1f1411eb!important;padding:.8rem 0!important;box-shadow:0 10px 40px #0006,0 0 1px #d59f811a!important}.hero{perspective:1200px;z-index:1;position:relative}.hero-content{animation:slideInLeft .8s var(--ease-out-expo) forwards;opacity:0;z-index:2;position:relative}.hero-image{animation:slideInRight .8s var(--ease-out-expo) forwards;opacity:0;transform-style:preserve-3d;z-index:2;transition:transform .3s ease-out;animation-delay:.2s;position:relative}.hero-image img{transition:transform .6s var(--ease-out-expo), filter .6s ease;filter:drop-shadow(0 20px 40px #00000080);animation:4s ease-in-out infinite floatMild}.hero-image img:hover{filter:brightness(1.1)drop-shadow(0 25px 50px #d59f8126)}.hero-image:after{border:2px solid var(--clr-primary);animation:2s ease-in-out infinite glow}.section-title{opacity:0;animation:.8s ease-out .2s forwards slideInUp;position:relative}.section-title:after{content:"";background:linear-gradient(90deg, var(--clr-primary), var(--clr-primary-hover));transform-origin:50%;opacity:0;border-radius:2px;width:60px;height:3px;margin:1.5rem auto 0;animation:.8s ease-out .5s forwards scaleIn;display:block}.benefit-card{perspective:1000px;opacity:0;animation:.7s ease-out forwards rotateIn;position:relative;overflow:hidden}.benefit-card:first-child{animation-delay:.1s}.benefit-card:nth-child(2){animation-delay:.2s}.benefit-card:nth-child(3){animation-delay:.3s}.benefit-card:nth-child(4){animation-delay:.4s}.benefit-card:hover{transform:translateY(-15px)rotateX(8deg)scale(1.02);box-shadow:0 30px 60px #0006,0 0 30px #d59f814d}.benefit-card .icon{animation:2s ease-in-out infinite float;animation-delay:var(--delay,0s);transition:all .4s var(--ease-out-expo);display:inline-block}.benefit-card:hover .icon{color:var(--clr-primary-hover);text-shadow:0 0 20px #d59f8180;animation:1s ease-in-out infinite rotate3d}.card-3d{perspective:1000px;animation:.7s cubic-bezier(.25,.46,.45,.94) forwards scaleIn}.card-3d:hover{transform:translateY(-10px)rotateX(5deg)rotateY(-5deg);box-shadow:0 25px 50px #00000080,0 0 40px #d59f8166}.btn-primary,.btn-outline{transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.btn-primary:before,.btn-outline:before{content:"";pointer-events:none;background:#ffffff80;border-radius:50%;width:0;height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-primary:active:before,.btn-outline:active:before{animation:.6s ease-out ripple}.btn-primary:hover,.btn-outline:hover{animation:.3s ease-out forwards floatMild}.glass-panel{-webkit-backdrop-filter:blur(15px)brightness(.9);opacity:0;transition:all .4s cubic-bezier(.25,.46,.45,.94);animation:.8s ease-out forwards fadeIn}.glass-panel:hover{background:#2e1d16cc;border-color:#d59f814d;box-shadow:0 8px 32px #1f14114d}.skeleton{background:linear-gradient(90deg, var(--clr-bg-card), var(--clr-border), var(--clr-bg-card));background-size:200% 100%;animation:2s infinite shimmer}.dashboard-grid>*{opacity:0;animation:.6s cubic-bezier(.25,.46,.45,.94) forwards slideInUp}.dashboard-grid>:first-child{animation-delay:.1s}.dashboard-grid>:nth-child(2){animation-delay:.2s}.dashboard-grid>:nth-child(3){animation-delay:.3s}.dashboard-grid>:nth-child(4){animation-delay:.4s}.data-table tbody tr{opacity:0;animation:.5s ease-out forwards slideInLeft}.data-table tbody tr:first-child{animation-delay:50ms}.data-table tbody tr:nth-child(2){animation-delay:.1s}.data-table tbody tr:nth-child(3){animation-delay:.15s}.data-table tbody tr:nth-child(n+4){animation-delay:.2s}.data-table tbody tr:hover{animation:.6s ease-in-out infinite pulse;transform:scale(1.01)translate(-5px)}.status-badge{opacity:0;transition:all .3s cubic-bezier(.25,.46,.45,.94);animation:.4s ease-out forwards slideInUp}.status-badge:hover{animation:1.5s ease-in-out infinite pulse}.status-completed{box-shadow:inset 0 0 10px #2ecc7133}.status-completed:hover{box-shadow:inset 0 0 20px #2ecc7166,0 0 15px #2ecc714d}a{transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative}a:after{content:"";background-color:var(--clr-primary);width:0;height:2px;transition:width .3s cubic-bezier(.25,.46,.45,.94);position:absolute;bottom:-2px;left:0}a:hover:after{width:100%}.parallax-text{letter-spacing:.05em;opacity:0;animation:1s cubic-bezier(.25,.46,.45,.94) forwards slideInUp}.parallax-text h1{animation:2s ease-in-out infinite glowPrimary}.form-group{transition:transform .3s}.form-group.is-focused{transform:scale(1.02)}.spinner{border:3px solid var(--clr-border);border-top-color:var(--clr-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spinSlow}.marquee{white-space:nowrap;overflow:hidden}.marquee-content{animation:20s linear infinite marqueeScroll;display:inline-block}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.wave-divider{height:60px;position:relative;overflow:hidden}.wave-divider svg{width:100%;height:100%;position:absolute;bottom:0}.iso-grid{perspective:1200px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;display:grid}.iso-grid .card{transition:transform .5s var(--ease-out-expo);transform:rotateX(5deg)}.iso-grid .card:hover{transform:rotateX(0)translateY(-10px)}.holographic{position:relative;overflow:hidden}.holographic:after{content:"";background:linear-gradient(105deg,#0000 40%,#d59f8114 45%,#e8c39e26 50%,#d59f8114 55%,#0000 60%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.holographic:hover:after{transform:translate(100%)}.flip-card{perspective:1000px}.flip-card-inner{width:100%;height:100%;transition:transform .8s var(--ease-out-expo);transform-style:preserve-3d;position:relative}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{backface-visibility:hidden;position:absolute;inset:0}.flip-card-back{transform:rotateY(180deg)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (width<=768px){.float-animation{animation:2s ease-in-out infinite floatMild}.hero{flex-direction:column;min-height:auto}.benefit-card:hover{transform:translateY(-8px)scale(1.01)}.card-3d:hover{transform:translateY(-6px)}body{cursor:auto}.cursor-dot,.cursor-ring,.cursor-trail{display:none!important}}