a,button,input,textarea{text-decoration:none;font-family:Vazirmatn}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Vazirmatn;line-height:1.6;color:#2d3748;background-color:#ffffff;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.main{margin-top:20px}.gradient-text{background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-shapes{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.hero-shape{position:absolute;border-radius:50%;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:floatShape 15s ease-in-out infinite}.hero-shape.shape-1{width:80px;height:80px;top:20%;left:10%;animation-delay:0s;background:linear-gradient(135deg,rgba(255,216,155,.2),rgba(16,185,129,.1))}.hero-shape.shape-2{width:120px;height:120px;top:60%;right:15%;animation-delay:2s;background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(255,216,155,.1))}.hero-shape.shape-3{width:60px;height:60px;top:80%;left:20%;animation-delay:4s;background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(16,185,129,.1))}.hero-shape.shape-4{width:100px;height:100px;top:10%;right:30%;animation-delay:6s;background:linear-gradient(135deg,rgba(255,216,155,.15),rgba(255,255,255,.1))}.hero-shape.shape-5{width:70px;height:70px;top:40%;left:5%;animation-delay:8s;background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(255,216,155,.1))}.hero-shape.shape-6{width:90px;height:90px;top:70%;right:5%;animation-delay:10s;background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(16,185,129,.1))}.hero-svg-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;z-index:2;opacity:.9;animation:svgFloat 8s ease-in-out infinite}.hero-svg{width:100%;height:100%;filter:drop-shadow(0 15px 30px rgba(0,0,0,.3))}.wp-bg-outer{animation:bgPulse 6s ease-in-out infinite}.wp-bg{animation:bgPulse 4s ease-in-out infinite}.wp-inner-glow.glow-1{animation:rotateDash 20s linear infinite;stroke:#ffd89b}.wp-inner-glow.glow-2{animation:rotateDash 25s linear infinite reverse;stroke:#10b981}.wp-inner-glow.glow-3{animation:rotateDash 30s linear infinite;stroke:rgba(255,255,255,.8)}.wp-w-group{animation:wpGroupFloat 8s ease-in-out infinite}.wp-w-shadow-deep{opacity:.4;animation:shadowPulse 4s ease-in-out infinite}.wp-w-shadow{opacity:.3;animation:shadowPulse 3s ease-in-out infinite}.wp-w{stroke-dasharray:400;stroke-dashoffset:400;animation:drawW 3s ease-out forwards,wGlow 2s ease-in-out 3s infinite}.wp-w-fill{animation:fillAnimation 3s ease-in-out infinite;stroke-dasharray:0 1000;stroke-dashoffset:0}.wp-w-highlight{animation:drawW 3s ease-out .5s forwards,highlightGlow 2s ease-in-out 3.5s infinite}.wp-w-highlight,.wp-w-sparkle{stroke-dasharray:400;stroke-dashoffset:400}.wp-w-sparkle{animation:drawW 3s ease-out 1s forwards,sparkleGlow 3s ease-in-out 4s infinite}.wp-w-glow-animated{animation:glowPulse 2s ease-in-out infinite;filter:url(#glow)}.wp-bg-glow{animation:bgGlowPulse 4s ease-in-out infinite}.wp-bg-glow-2{animation:bgGlowPulse 4s ease-in-out infinite reverse}.wp-letter-rotator{transform-box:view-box;transform-origin:200px 200px;transition:transform .9s cubic-bezier(.22,1,.36,1);will-change:transform}.wp-letter-rotator.is-m{transform:rotate(180deg)}.wp-letter-rotator.is-w{transform:rotate(0deg)}.code-brackets{animation:bracketsFade 2s ease-out 1s both}.bracket-left,.bracket-right{stroke-dasharray:100;stroke-dashoffset:100;animation:drawBrackets 2s ease-out 1s forwards}.bracket-left-highlight,.bracket-right-highlight{stroke-dasharray:100;stroke-dashoffset:100;animation:drawBrackets 2s ease-out 1.5s forwards}.bracket-shadow{animation:drawBrackets 2s ease-out .5s forwards}.floating-elements{animation:elementsFloat 12s ease-in-out infinite}.code-symbol{animation:symbolFloat 10s ease-in-out infinite;opacity:0;animation:symbolFade 2s ease-out 1.5s forwards,symbolFloat 10s ease-in-out 3s infinite}.symbol-1{animation-delay:1.5s,3s}.symbol-2{animation-delay:1.7s,3.5s}.symbol-3{animation-delay:1.9s,4s}.symbol-4{animation-delay:2.1s,4.5s}.symbol-5{animation-delay:2.3s,5s}.symbol-6{animation-delay:2.5s,5.5s}.floating-dot{animation:dotFloat 8s ease-in-out infinite}.dot-1{animation-delay:0s}.dot-2{animation-delay:1.5s}.dot-3{animation-delay:3s}.dot-4{animation-delay:4.5s}.dot-5{animation-delay:6s}.dot-6{animation-delay:7.5s}.floating-shape{animation:shapeFloat 9s ease-in-out infinite}.shape-square{animation-delay:0s}.shape-triangle{animation-delay:1.5s}.shape-oval{animation-delay:3s}.connection-lines{animation:linesContainer 15s ease-in-out infinite}.connection-line{stroke-dasharray:200;stroke-dashoffset:200;animation:drawLines 2.5s ease-out 2s forwards;opacity:0;animation:drawLines 2.5s ease-out 2s forwards,lineGlow 4s ease-in-out 4.5s infinite}.line-1{animation-delay:2s,4.5s;stroke:#ffd89b}.line-2{animation-delay:2.5s,5s;stroke:#10b981}.line-3{animation-delay:3s,5.5s;stroke:#ffd89b}.line-4{animation-delay:3.5s,6s;stroke:rgba(255,255,255,.8)}.line-5{animation-delay:4s,6.5s;stroke:#10b981}.line-6{animation-delay:4.5s,7s;stroke:#ffd89b}.pulse-ring{animation:pulseRing 5s ease-in-out infinite}.ring-1{animation-delay:0s}.ring-2{animation-delay:1.5s}.ring-3{animation-delay:3s}.particle-system{animation:particleFloat 20s ease-in-out infinite}.particle{animation:particlePulse 4s ease-in-out infinite}.particle-1{animation-delay:0s}.particle-2{animation-delay:.7s}.particle-3{animation-delay:1.4s}.particle-4{animation-delay:2.1s}.particle-5{animation-delay:2.8s}.particle-6{animation-delay:3.5s}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:8px;padding:14px 24px;border-radius:12px;font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,#10b981,#34d399);color:white;box-shadow:0 4px 15px rgba(16,185,129,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(16,185,129,.4)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:rgba(255,255,255,.9);color:#1f2937;border:1px solid rgba(16,185,129,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.4);transform:translateY(-2px)}.btn-icon{font-size:16px}.btn-arrow{font-size:18px;transition:transform .3s ease}.btn-primary:hover .btn-arrow{transform:translateX(4px)}@keyframes floatShape{0%,to{transform:translateY(0) rotate(0deg) scale(1)}25%{transform:translateY(-25px) rotate(90deg) scale(1.1)}50%{transform:translateY(15px) rotate(180deg) scale(.9)}75%{transform:translateY(-10px) rotate(270deg) scale(1.05)}}@keyframes svgFloat{0%,to{transform:translate(-50%,-50%) translateY(0) rotate(0deg) scale(1)}25%{transform:translate(-50%,-50%) translateY(-15px) rotate(1deg) scale(1.02)}50%{transform:translate(-50%,-50%) translateY(8px) rotate(-1deg) scale(.98)}75%{transform:translate(-50%,-50%) translateY(-8px) rotate(.5deg) scale(1.01)}}@keyframes bgPulse{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.3;transform:scale(1.08)}}@keyframes drawW{to{stroke-dashoffset:0}}@keyframes wGlow{0%,to{filter:drop-shadow(0 0 8px rgba(255,216,155,.6))}50%{filter:drop-shadow(0 0 20px rgba(255,216,155,.9))}}@keyframes sparkleGlow{0%,to{filter:drop-shadow(0 0 3px rgba(255,255,255,.4))}50%{filter:drop-shadow(0 0 10px rgba(255,255,255,.8))}}@keyframes bracketsFade{0%{opacity:0}to{opacity:1}}@keyframes drawBrackets{to{stroke-dashoffset:0}}@keyframes elementsFloat{0%,to{transform:translateY(0) scale(1) rotate(0deg)}25%{transform:translateY(-12px) scale(1.08) rotate(5deg)}50%{transform:translateY(8px) scale(.92) rotate(-3deg)}75%{transform:translateY(-6px) scale(1.04) rotate(2deg)}}@keyframes symbolFade{to{opacity:1}}@keyframes symbolFloat{0%,to{transform:translateY(0) rotate(0deg) scale(1)}25%{transform:translateY(-18px) rotate(8deg) scale(1.1)}50%{transform:translateY(12px) rotate(-5deg) scale(.9)}75%{transform:translateY(-8px) rotate(3deg) scale(1.05)}}@keyframes linesContainer{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes drawLines{to{stroke-dashoffset:0;opacity:1}}@keyframes lineGlow{0%,to{opacity:.3}50%{opacity:.6}}@keyframes rotateDash{to{stroke-dashoffset:-40}}@keyframes wpGroupFloat{0%,to{transform:translateY(0) rotate(0deg) scale(1)}25%{transform:translateY(-8px) rotate(1deg) scale(1.02)}50%{transform:translateY(5px) rotate(-.5deg) scale(.98)}75%{transform:translateY(-3px) rotate(.5deg) scale(1.01)}}@keyframes shadowPulse{0%,to{opacity:.3;transform:translateX(0)}50%{opacity:.6;transform:translateX(2px)}}@keyframes highlightGlow{0%,to{filter:drop-shadow(0 0 5px rgba(255,255,255,.4))}50%{filter:drop-shadow(0 0 12px rgba(255,255,255,.8))}}@keyframes bgGlowPulse{0%,to{opacity:.2;stroke-width:20}50%{opacity:.5;stroke-width:24}}@keyframes dotFloat{0%,to{transform:translateY(0) scale(1);opacity:.6}33%{transform:translateY(-12px) scale(1.2);opacity:1}66%{transform:translateY(6px) scale(.9);opacity:.8}}@keyframes shapeFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(180deg)}}@keyframes shapePulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.2);opacity:.8}}@keyframes lineFlow{0%,to{stroke-dashoffset:0;opacity:.3}50%{stroke-dashoffset:15;opacity:.8}}@keyframes particleFloat{0%,to{transform:translateY(0) translateX(0) scale(1);opacity:.6}25%{transform:translateY(-15px) translateX(5px) scale(1.3);opacity:1}50%{transform:translateY(8px) translateX(-3px) scale(.8);opacity:.7}75%{transform:translateY(-5px) translateX(2px) scale(1.1);opacity:.9}}@keyframes particlePulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.9;transform:scale(1.3)}}@keyframes fillAnimation{0%{stroke-dasharray:0 1000;stroke-dashoffset:0;opacity:0}20%{opacity:1}50%{stroke-dasharray:500 1000;stroke-dashoffset:0}80%{stroke-dasharray:1000 1000;stroke-dashoffset:0;opacity:1}to{stroke-dasharray:1000 1000;stroke-dashoffset:0;opacity:.8}}@keyframes glowPulse{0%,to{opacity:.3;stroke-width:8}50%{opacity:.8;stroke-width:12}}