*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:linear-gradient(145deg,#0f172a 0%,#1e293b 100%);min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Vazirmatn,Tahoma,Geneva,Verdana,sans-serif;position:relative}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#38bdf814 0%,#38bdf800 70%);border-radius:50%;width:500px;height:500px;animation:20s ease-in-out infinite alternate float;position:fixed;top:-250px;left:-200px}body:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#a855f70f 0%,#a855f700 70%);border-radius:50%;width:600px;height:600px;animation:25s ease-in-out infinite alternate-reverse float;position:fixed;bottom:-300px;right:-250px}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(50px,50px)scale(1.1)}}.container{z-index:1;max-width:1200px;margin:0 auto;padding:0 20px;position:relative}.header{backdrop-filter:blur(20px);z-index:100;background:#0f172acc;border-bottom:1px solid #ffffff1a;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;padding:16px 0;display:flex}.logo{align-items:center;gap:10px;display:flex}.logo-icon{background:linear-gradient(135deg,#38bdf8,#818cf8);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.logo-icon svg{width:24px;height:24px}.logo-text{color:#fff;font-size:20px;font-weight:700}.main-nav{gap:32px;display:flex}.nav-link{color:#94a3b8;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover,.nav-link.active{color:#38bdf8}.btn-login,.btn-signup{border-radius:40px;padding:8px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.btn-login{color:#38bdf8;background:0 0;border:1px solid #38bdf8}.btn-login:hover{background:#38bdf81a}.btn-signup{color:#fff;background:linear-gradient(135deg,#38bdf8,#818cf8)}.mobile-menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;display:none}.mobile-menu{backdrop-filter:blur(20px);z-index:200;background:#0f172af2;flex-direction:column;gap:30px;width:80%;max-width:300px;height:100%;padding:20px;transition:right .3s;display:flex;position:fixed;top:0;right:-100%}.mobile-menu.open{right:0}.mobile-menu-header{justify-content:space-between;align-items:center;display:flex}.close-menu{color:#fff;cursor:pointer;background:0 0;border:none;font-size:24px}.mobile-nav{flex-direction:column;gap:20px;display:flex}.mobile-nav-link{color:#fff;border-bottom:1px solid #ffffff1a;padding:10px 0;font-size:16px;text-decoration:none}.mobile-menu-buttons{flex-direction:column;gap:12px;display:flex}.mobile-menu-buttons .btn-login,.mobile-menu-buttons .btn-signup{text-align:center}.hero{padding:80px 0}.hero-content{grid-template-columns:1fr 1fr;align-items:center;gap:50px;display:grid}.hero-badge{background:#38bdf81a;border:1px solid #38bdf833;border-radius:40px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:13px;display:inline-flex}.badge-icon{font-size:16px}.hero-title{margin-bottom:20px;font-size:48px;font-weight:800;line-height:1.2}.gradient-text{background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-description{color:#94a3b8;margin-bottom:32px;font-size:16px;line-height:1.6}.hero-buttons{gap:16px;margin-bottom:48px;display:flex}.btn-primary,.btn-secondary{border-radius:40px;align-items:center;gap:8px;padding:12px 28px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#38bdf8,#818cf8)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #38bdf84d}.btn-secondary{color:#fff;background:#ffffff1a;border:1px solid #fff3}.btn-secondary:hover{background:#fff3}.hero-stats{gap:40px;display:flex}.stat{flex-direction:column;display:flex}.stat-number{color:#38bdf8;font-size:32px;font-weight:800}.stat-label{color:#94a3b8;font-size:13px}.code-animation{backdrop-filter:blur(10px);text-align:left;direction:ltr;background:#0f172a99;border:1px solid #ffffff1a;border-radius:16px;padding:30px;font-family:monospace;font-size:14px}.code-line{color:#cbd5e1;line-height:1.8}.code-blue{color:#60a5fa}.code-green{color:#4ade80}.code-orange{color:#fbbf24}.services{padding:80px 0}.section-badge{color:#38bdf8;background:#38bdf81a;border-radius:40px;margin-bottom:16px;padding:6px 14px;font-size:13px;display:inline-block}.section-title{margin-bottom:16px;font-size:36px;font-weight:700}.section-description{color:#94a3b8;font-size:16px}.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;display:grid}.service-card{backdrop-filter:blur(10px);background:#0f172a99;border:1px solid #ffffff0d;border-radius:24px;padding:30px;transition:all .3s}.service-icon{border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:20px;display:flex}.service-card h3{margin-bottom:12px;font-size:20px}.service-card p{color:#94a3b8;margin-bottom:16px;font-size:14px;line-height:1.6}.service-features{list-style:none}.service-features li{color:#cbd5e1;padding:6px 0;font-size:13px}.stats-section{background:#38bdf80d;padding:60px 0}.stats-grid-big{text-align:center;grid-template-columns:repeat(4,1fr);gap:30px;display:grid}.stat-big-number{color:#38bdf8;margin-bottom:8px;font-size:48px;font-weight:800}.stat-big-label{color:#94a3b8;font-size:14px}.portfolio{padding:80px 0}.filter-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:40px;padding:8px 24px;transition:all .2s}.filter-btn:hover,.filter-btn.active{color:#fff;background:linear-gradient(135deg,#38bdf8,#818cf8);border-color:#0000}.portfolio-item{border-radius:16px;transition:all .3s;overflow:hidden}.portfolio-image{border-radius:16px;position:relative;overflow:hidden}.portfolio-item:hover .portfolio-image img{transform:scale(1.05)}.portfolio-overlay{text-align:center;opacity:0;background:linear-gradient(135deg,#38bdf8e6,#818cf8e6);flex-direction:column;justify-content:center;align-items:center;padding:20px;transition:opacity .3s;display:flex;position:absolute;inset:0}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-overlay h4{margin-bottom:8px;font-size:18px}.portfolio-overlay p{margin-bottom:16px;font-size:13px}.portfolio-link{color:#fff;border-bottom:2px solid #fff;padding-bottom:4px;text-decoration:none}.about{padding:80px 0}.about-text h2{margin:16px 0 20px;font-size:36px}.about-features{margin-top:30px}.about-feature{align-items:center;gap:12px;margin-bottom:16px;display:flex}.about-image{grid-template-columns:1fr 1fr;gap:20px;display:grid}.about-card{backdrop-filter:blur(10px);text-align:center;background:#0f172a99;border:1px solid #ffffff0d;border-radius:20px;padding:30px}.about-card-icon{margin-bottom:16px;font-size:40px}.about-card h4{color:#38bdf8;margin-bottom:8px;font-size:28px}.technologies{background:#38bdf80d;padding:60px 0}.tech-grid{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.tech-item{backdrop-filter:blur(10px);background:#0f172a99;border:1px solid #ffffff0d;border-radius:40px;padding:12px 24px;font-weight:500;transition:all .2s}.tech-item:hover{border-color:#38bdf8;transform:translateY(-2px)}.contact-wrapper{backdrop-filter:blur(10px);background:#0f172a99;border:1px solid #ffffff0d;border-radius:32px;grid-template-columns:1fr 1fr;gap:50px;padding:50px;display:grid}.contact-info h2{margin:16px 0 20px;font-size:28px}.contact-details{flex-direction:column;gap:24px;margin-top:40px;display:flex}.contact-detail{align-items:center;gap:16px;display:flex}.contact-detail-icon{background:#38bdf81a;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.contact-detail h4{color:#94a3b8;margin-bottom:4px;font-size:14px}.contact-detail p{color:#fff}.contact-form{flex-direction:column;gap:20px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.input-group input:focus,.input-group textarea:focus{border-color:#38bdf8}.input-group textarea{resize:vertical}.btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#818cf8);border:none;border-radius:40px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 10px 25px #38bdf84d}.footer{backdrop-filter:blur(20px);background:#0f172acc;border-top:1px solid #ffffff0d;padding:50px 0 20px}.footer-content{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:40px;display:grid}.footer-section p{color:#94a3b8;margin-top:16px;font-size:14px;line-height:1.6}.footer-section h4{margin-bottom:20px;font-size:16px}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:12px}.footer-section ul li a{color:#94a3b8;font-size:14px;text-decoration:none;transition:color .2s}.footer-section ul li a:hover{color:#38bdf8}.social-links{gap:12px;display:flex}.social-link{background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;text-decoration:none;transition:all .2s;display:flex}.social-link:hover{background:#38bdf8;transform:translateY(-2px)}.footer-bottom{text-align:center;color:#5b6e8c;border-top:1px solid #ffffff0d;padding-top:20px;font-size:13px}@media (width<=1024px){.hero-title{font-size:36px}.section-title{font-size:30px}}@media (width<=768px){.main-nav{display:none}.mobile-menu-btn{display:block}.hero-content,.about-content,.contact-wrapper{grid-template-columns:1fr}.hero-title{font-size:32px}.stats-grid-big{grid-template-columns:repeat(2,1fr)}.portfolio-grid,.form-row{grid-template-columns:1fr}.contact-wrapper{padding:30px}}@media (width<=480px){.hero-buttons{flex-direction:column}.hero-stats{flex-direction:column;gap:20px}.stats-grid-big,.services-grid{grid-template-columns:1fr}}.social-links{flex-wrap:wrap;gap:15px;display:flex}.social-link{color:#94a3b8;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:all .3s;display:flex}.social-link:hover{color:#fff;transform:translateY(-3px)}.social-link:first-child:hover{background:#08c}.social-link:nth-child(2):hover{background:radial-gradient(circle at 30% 110%,#ffdb7e,#f9ce34,#e4405f,#833ab4,#5851db)}.social-link:nth-child(3):hover{background:#0077b5}.social-link:nth-child(4):hover{background:#333}.social-link:nth-child(5):hover{background:#1da1f2}.social-header{gap:12px;margin-left:20px;display:flex}.social-header-link{color:#94a3b8;align-items:center;transition:all .2s;display:flex}.social-header-link:hover{color:#38bdf8;transform:translateY(-2px)}@media (width<=768px){.social-header{display:none}.social-links{justify-content:center}}.portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:30px;display:grid}.portfolio-card{backdrop-filter:blur(10px);background:#0f172a99;border:1px solid #ffffff14;border-radius:20px;transition:all .3s;position:relative;overflow:hidden}.portfolio-card:before{content:"";opacity:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 100% 0,#38bdf81a,#0000);transition:opacity .5s;position:absolute;inset:0}.portfolio-card:hover:before{opacity:1}.portfolio-card:hover{border-color:#38bdf84d;transform:translateY(-8px);box-shadow:0 20px 40px #0000004d,0 0 20px #38bdf81a}.portfolio-image{aspect-ratio:4/3;position:relative;overflow:hidden}.portfolio-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.portfolio-card:hover .portfolio-image img{transform:scale(1.05)}.portfolio-badge{color:#fff;z-index:2;background:linear-gradient(135deg,#38bdf8,#818cf8);border-radius:20px;padding:5px 12px;font-size:11px;font-weight:600;position:absolute;top:15px;right:15px;box-shadow:0 2px 10px #0003}.portfolio-overlay{opacity:0;backdrop-filter:blur(5px);background:linear-gradient(135deg,#38bdf8e6,#818cf8e6);justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.portfolio-card:hover .portfolio-overlay{opacity:1}.portfolio-links{gap:20px;transition:transform .3s;display:flex;transform:translateY(20px)}.portfolio-card:hover .portfolio-links{transform:translateY(0)}.portfolio-link-icon{color:#fff;background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;text-decoration:none;transition:all .3s;display:flex}.portfolio-link-icon:hover{color:#38bdf8;background:#fff;transform:scale(1.1)}.portfolio-info{padding:20px}.portfolio-category{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.category-badge{border-radius:20px;padding:4px 12px;font-size:11px;font-weight:600}.category-badge.web{color:#60a5fa;background:#3b82f633}.category-badge.app{color:#34d399;background:#10b98133}.category-badge.software{color:#fbbf24;background:#f59e0b33}.project-year{color:#5b6e8c;font-size:12px}.portfolio-title{color:#fff;margin-bottom:10px;font-size:18px;font-weight:700;transition:color .3s}.portfolio-card:hover .portfolio-title{color:#38bdf8}.portfolio-description{color:#94a3b8;margin-bottom:15px;font-size:13px;line-height:1.6}.portfolio-tech{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.portfolio-tech span{color:#cbd5e1;background:#1e293bcc;border-radius:20px;padding:4px 10px;font-family:monospace;font-size:11px;transition:all .2s}.portfolio-tech span:hover{color:#38bdf8;background:#38bdf833}.portfolio-btn{color:#38bdf8;background:#38bdf81a;border:1px solid #38bdf84d;border-radius:30px;align-items:center;gap:8px;padding:8px 20px;font-size:13px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.portfolio-btn:hover{color:#fff;background:linear-gradient(135deg,#38bdf8,#818cf8);border-color:#0000;gap:12px}.portfolio-filters{flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:40px;display:flex}.filter-btn{backdrop-filter:blur(10px);color:#94a3b8;cursor:pointer;background:#0f172a99;border:1px solid #ffffff14;border-radius:40px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .3s}.filter-btn:hover{color:#38bdf8;border-color:#38bdf8;transform:translateY(-2px)}.filter-btn.active{color:#fff;background:linear-gradient(135deg,#38bdf8,#818cf8);border-color:#0000;box-shadow:0 5px 15px #38bdf84d}.portfolio-item{animation:.6s backwards fadeInUp}.portfolio-item:first-child{animation-delay:.1s}.portfolio-item:nth-child(2){animation-delay:.2s}.portfolio-item:nth-child(3){animation-delay:.3s}.portfolio-item:nth-child(4){animation-delay:.4s}.portfolio-item:nth-child(5){animation-delay:.5s}.portfolio-item:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.portfolio-grid{grid-template-columns:1fr;gap:20px}.portfolio-filters{gap:10px}.filter-btn{padding:6px 16px;font-size:12px}.portfolio-info{padding:16px}.portfolio-title{font-size:16px}.portfolio-description{font-size:12px}}.header-buttons{align-items:center;gap:12px;display:flex}.btn-login{color:#38bdf8;background:0 0;border:1.5px solid #38bdf880;border-radius:40px;align-items:center;gap:8px;padding:8px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.btn-login:before{content:"";background:#38bdf833;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-login:hover:before{width:300px;height:300px}.btn-login:hover{color:#fff;border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 5px 15px #38bdf84d}.btn-login svg{transition:transform .3s}.btn-login:hover svg{transform:translate(-3px)}.btn-signup{color:#fff;background:linear-gradient(135deg,#38bdf8,#818cf8);border:none;border-radius:40px;align-items:center;gap:8px;padding:8px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #38bdf84d}.btn-signup:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-signup:hover:before{left:100%}.btn-signup:hover{transform:translateY(-2px);box-shadow:0 8px 25px #38bdf866}.btn-signup svg{transition:transform .3s}.btn-signup:hover svg{transform:scale(1.1)}.btn-badge{background:#fff3;border-radius:20px;margin-right:4px;padding:2px 8px;font-size:10px;font-weight:700}.mobile-menu-buttons{flex-direction:column;gap:12px;margin-top:20px;display:flex}.mobile-menu-buttons .btn-login,.mobile-menu-buttons .btn-signup{justify-content:center;padding:12px 20px}@media (width<=768px){.btn-login span,.btn-signup span{display:none}.btn-login,.btn-signup{border-radius:50%;padding:10px}.btn-login svg,.btn-signup svg{margin:0}.btn-badge{display:none}.btn-login{border-width:1.5px}}@keyframes ripple{to{opacity:0;transform:scale(4)}}.btn-login:active:after,.btn-signup:active:after{content:"";pointer-events:none;background:#ffffff80;border-radius:50%;width:10px;height:10px;animation:.6s ease-out ripple;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.hero-image{position:relative}.code-animation{backdrop-filter:blur(10px);background:#0f172acc;border:1px solid #38bdf84d;border-radius:20px;transition:all .3s;overflow:hidden;box-shadow:0 20px 40px #0000004d,0 0 20px #38bdf81a}.code-animation:hover{border-color:#38bdf899;transform:translateY(-5px);box-shadow:0 25px 50px #0006,0 0 30px #38bdf833}.code-header{background:#1e293bcc;border-bottom:1px solid #38bdf833;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.code-dots{gap:8px;display:flex}.code-dot{border-radius:50%;width:12px;height:12px;transition:all .3s}.code-dot.red{background:#ef4444}.code-dot.yellow{background:#f59e0b}.code-dot.green{background:#10b981}.code-dot:hover{transform:scale(1.2)}.code-title{color:#94a3b8;background:#0000004d;border-radius:20px;padding:4px 12px;font-family:monospace;font-size:12px}.code-expand{color:#5b6e8c;cursor:pointer;transition:all .3s}.code-expand:hover{color:#38bdf8;transform:scale(1.1)}.code-body{background:linear-gradient(135deg,#0f172ae6,#1e293be6);padding:24px;font-family:Courier New,monospace;font-size:14px;line-height:1.8}.code-line{opacity:0;margin:4px 0;animation-fill-mode:forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 5px 20px #667eea66}50%{transform:scale(1.05);box-shadow:0 5px 30px #667eea99}to{transform:scale(1);box-shadow:0 5px 20px #667eea66}}.fade-in{animation:.5s forwards fadeIn}.slide-in{animation:.5s forwards slideIn}.bounce-in{animation:.6s forwards bounceIn}.pulse{animation:2s ease-in-out infinite pulse}.code-line:first-child{animation-delay:.1s}.code-line:nth-child(2){animation-delay:.3s}.code-line:nth-child(3){animation-delay:.5s}.code-line:nth-child(4){animation-delay:.7s}.code-line:nth-child(5){animation-delay:.9s}.code-line:nth-child(6){animation-delay:1.1s}.code-line:nth-child(7){animation-delay:1.3s}.indent-1{padding-right:20px}.indent-2{padding-right:40px}.code-keyword{color:#c678dd}.code-class{color:#e5c07b}.code-function{color:#61afef}.code-string{color:#98c379}.code-bracket{color:#abb2bf}.code-footer{background:#1e293bcc;border-top:1px solid #38bdf833;justify-content:space-between;align-items:center;padding:10px 16px;font-size:12px;display:flex}.typing-effect{color:#4ade80;align-items:center;gap:4px;display:flex}.typing-text{font-family:monospace}.cursor{color:#4ade80;animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.code-status{color:#10b981;align-items:center;gap:8px;display:flex}.status-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.code-line{cursor:pointer;border-radius:6px;margin:2px -8px;padding:2px 8px;transition:all .3s}.code-line:hover{background:#38bdf81a;transform:translate(-4px)}@keyframes typing{0%{width:0}to{width:100%}}.typing-text{white-space:nowrap;animation:3s steps(30,end) infinite typing;overflow:hidden}@media (width<=768px){.code-body{padding:16px;font-size:11px}.code-line{margin:2px 0}.indent-1{padding-right:12px}.indent-2{padding-right:24px}.code-title{font-size:10px}.typing-text{white-space:normal;animation:none}}.services{padding:80px 0;position:relative;overflow:hidden}.services:before{content:"";background:linear-gradient(90deg,#0000,#38bdf8,#818cf8,#38bdf8,#0000);height:1px;position:absolute;top:0;left:0;right:0}.services-grid{z-index:1;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;display:grid;position:relative}.service-card{backdrop-filter:blur(10px);cursor:pointer;background:#0f172a99;border:1px solid #ffffff14;border-radius:24px;padding:30px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.service-card:before{content:"";background:linear-gradient(90deg,#0000,#38bdf81a,#818cf81a,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.service-card:hover:before{left:100%}.service-card:hover{border-color:#38bdf880;transform:translateY(-10px);box-shadow:0 20px 40px #0000004d,0 0 20px #38bdf833}.service-glow{opacity:0;pointer-events:none;border-radius:24px;transition:opacity .4s;position:absolute;inset:0}.service-card:hover .service-glow{opacity:.3}.service-card[data-service=web]:hover .service-glow{background:radial-gradient(circle at 30% 20%,#3b82f666,#0000 70%)}.service-card[data-service=mobile]:hover .service-glow{background:radial-gradient(circle at 30% 20%,#10b98166,#0000 70%)}.service-card[data-service=software]:hover .service-glow{background:radial-gradient(circle at 30% 20%,#f59e0b66,#0000 70%)}.service-card[data-service=consulting]:hover .service-glow{background:radial-gradient(circle at 30% 20%,#ef444466,#0000 70%)}.service-icon-wrapper{margin-bottom:20px;display:inline-block;position:relative}.service-icon{z-index:1;border-radius:18px;justify-content:center;align-items:center;width:65px;height:65px;transition:all .3s;display:flex;position:relative}.service-card:hover .service-icon{transform:scale(1.05)rotate(5deg)}.service-icon:after{content:"";background:inherit;opacity:0;filter:blur(10px);z-index:-1;border-radius:22px;transition:opacity .3s;position:absolute;inset:-5px}.service-card:hover .service-icon:after{opacity:.6}.service-content h3{color:#fff;margin-bottom:12px;font-size:20px;font-weight:700;transition:color .3s}.service-card:hover .service-content h3{color:#38bdf8}.service-content p{color:#94a3b8;margin-bottom:16px;font-size:14px;line-height:1.6}.service-features{margin-bottom:20px;list-style:none}.service-features li{color:#cbd5e1;opacity:0;align-items:center;gap:8px;padding:6px 0;font-size:13px;transition:all .3s;display:flex;transform:translate(10px)}.service-features li:first-child{transition-delay:.1s}.service-features li:nth-child(2){transition-delay:.2s}.service-features li:nth-child(3){transition-delay:.3s}.service-card:hover .service-features li{opacity:1;transform:translate(0)}.service-link{color:#38bdf8;opacity:0;align-items:center;gap:8px;font-size:13px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex;transform:translateY(10px)}.service-card:hover .service-link{opacity:1;transform:translateY(0)}.service-link:hover{color:#818cf8;gap:12px}.service-stats{opacity:0;border-top:1px solid #ffffff14;justify-content:space-between;margin-top:20px;padding-top:20px;transition:all .3s;display:flex;transform:scale(.9)}.service-card:hover .service-stats{opacity:1;transform:scale(1)}.stat-item{text-align:center}.stat-item .stat-number{color:#38bdf8;font-size:20px;font-weight:800;display:block}.stat-item .stat-label{color:#5b6e8c;font-size:11px}.service-card{animation:.6s backwards serviceFadeIn}.service-card:first-child{animation-delay:.1s}.service-card:nth-child(2){animation-delay:.2s}.service-card:nth-child(3){animation-delay:.3s}.service-card:nth-child(4){animation-delay:.4s}@keyframes serviceFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.service-card{position:relative}.service-card:after{content:"";background:linear-gradient(90deg,#0000,#38bdf8,#818cf8,#38bdf8,#0000);height:2px;transition:transform .4s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.service-card:hover:after{transform:scaleX(1)}@media (width<=768px){.services-grid{gap:20px}.service-card{padding:20px}.service-icon{width:55px;height:55px}.service-icon svg{width:28px;height:28px}.service-content h3{font-size:18px}.service-stats{margin-top:16px;padding-top:16px}.service-features li{font-size:12px}}.about{padding:80px 0;position:relative;overflow:hidden}.about-content{grid-template-columns:1fr 1fr;align-items:center;gap:50px;display:grid}.about-text h2{color:#fff;margin:16px 0 20px;font-size:36px}.about-text p{color:#94a3b8;margin-bottom:20px;line-height:1.8}.about-features{flex-direction:column;gap:15px;margin:30px 0;display:flex}.about-feature{opacity:0;align-items:center;gap:12px;padding:8px 0;animation:.5s forwards slideInRight;display:flex;transform:translate(-20px)}.about-feature:first-child{animation-delay:.2s}.about-feature:nth-child(2){animation-delay:.4s}.about-feature:nth-child(3){animation-delay:.6s}@keyframes slideInRight{to{opacity:1;transform:translate(0)}}.feature-icon{background:#4ade801a;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.about-feature span{color:#cbd5e1;font-size:15px;font-weight:500}.about-cta{margin-top:30px}.about-btn{color:#fff;background:linear-gradient(135deg,#38bdf8,#818cf8);border-radius:40px;align-items:center;gap:10px;padding:12px 28px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.about-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.about-btn:hover:before{left:100%}.about-btn:hover{gap:15px;transform:translateY(-2px);box-shadow:0 10px 25px #38bdf84d}.about-image{position:relative}.about-cards{z-index:2;flex-direction:column;gap:25px;display:flex;position:relative}.about-card{backdrop-filter:blur(10px);cursor:pointer;background:#0f172ab3;border:1px solid #ffffff14;border-radius:24px;align-items:center;gap:20px;padding:25px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.about-card:hover{border-color:#38bdf880;transform:translate(-10px)scale(1.02);box-shadow:0 15px 35px #0000004d}.about-card-shine{opacity:0;pointer-events:none;background:radial-gradient(circle at 30% 20%,#38bdf81a,#0000);transition:opacity .4s;position:absolute;inset:0}.about-card:hover .about-card-shine{opacity:1}.icon-wrapper{background:linear-gradient(135deg,#38bdf833,#818cf833);border-radius:20px;justify-content:center;align-items:center;width:70px;height:70px;transition:all .3s;display:flex}.about-card:hover .icon-wrapper{background:linear-gradient(135deg,#38bdf866,#818cf866);transform:scale(1.05)rotate(5deg)}.icon-emoji{font-size:36px;transition:transform .3s}.about-card:hover .icon-emoji{transform:scale(1.1)}.about-card-content{flex:1}.counter-wrapper{align-items:baseline;gap:5px;margin-bottom:8px;display:flex}.about-card-number{background:linear-gradient(135deg,#38bdf8,#818cf8);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:800;line-height:1}.about-card-plus{color:#38bdf8;font-size:28px;font-weight:700}.about-card-text{color:#94a3b8;margin:0;font-size:14px}.card-progress{background:#ffffff1a;border-radius:2px;height:4px;margin-top:12px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#38bdf8,#818cf8);border-radius:2px;height:100%;transition:width 1.5s ease-out}.about-card:hover .progress-bar{animation:1s infinite progressPulse}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.7}}.about-decoration{z-index:1;pointer-events:none;position:absolute;inset:0}.deco-circle{background:radial-gradient(circle,#38bdf81a,#0000);border-radius:50%;animation:6s ease-in-out infinite floatDeco;position:absolute}.deco-1{width:150px;height:150px;animation-delay:0s;top:-50px;right:-50px}.deco-2{width:100px;height:100px;animation-delay:1s;bottom:20px;left:-30px}.deco-3{width:80px;height:80px;animation-delay:2s;top:50%;right:20%}@keyframes floatDeco{0%,to{opacity:.3;transform:translateY(0)scale(1)}50%{opacity:.5;transform:translateY(-20px)scale(1.1)}}@media (width<=992px){.about-content{grid-template-columns:1fr;gap:40px}.about-cards{max-width:500px;margin:0 auto}.about-text h2{text-align:center;font-size:30px}.about-text p{text-align:center}.about-features{align-items:center}.about-cta{text-align:center}}@media (width<=768px){.about-card{gap:15px;padding:18px}.icon-wrapper{width:55px;height:55px}.icon-emoji{font-size:28px}.about-card-number{font-size:32px}.about-card-plus{font-size:22px}.about-card-text{font-size:12px}.deco-circle{display:none}}.contact{padding:80px 0}.section-header{text-align:center;margin-bottom:50px}.contact-wrapper{backdrop-filter:blur(10px);background:#0f172a99;border:1px solid #ffffff0d;border-radius:32px;grid-template-columns:1fr 1fr;gap:50px;transition:all .3s;display:grid;overflow:hidden}.contact-wrapper:hover{border-color:#38bdf833;box-shadow:0 20px 40px #0003}.contact-info{background:linear-gradient(135deg,#38bdf80d,#818cf80d);padding:40px}.contact-head h3{color:#fff;margin-bottom:10px;font-size:28px}.contact-head p{color:#94a3b8;margin-bottom:30px}.contact-details{flex-direction:column;gap:25px;margin-bottom:30px;display:flex}.contact-detail{background:#0f172a66;border-radius:20px;align-items:flex-start;gap:18px;padding:15px;transition:all .3s;display:flex}.contact-detail:hover{background:#38bdf81a;transform:translate(5px)}.contact-detail-icon{color:#38bdf8;background:#38bdf81a;border-radius:15px;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex}.contact-detail:hover .contact-detail-icon{color:#fff;background:linear-gradient(135deg,#38bdf8,#818cf8);transform:scale(1.05)}.contact-detail-info h4{color:#fff;margin-bottom:8px;font-size:16px}.contact-detail-info p{color:#94a3b8;margin-bottom:4px;font-size:14px}.contact-social{border-top:1px solid #ffffff1a;margin-top:30px;padding-top:20px}.contact-social h4{color:#fff;margin-bottom:15px;font-size:14px}.contact-social-links{gap:15px;display:flex}.contact-social-link{color:#94a3b8;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.contact-social-link:hover{color:#fff;background:linear-gradient(135deg,#38bdf8,#818cf8);transform:translateY(-3px)}.contact-form{padding:40px}.form-header{margin-bottom:25px}.form-header h3{color:#fff;margin-bottom:8px;font-size:24px}.form-header p{color:#94a3b8;font-size:14px}.form-row{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.input-group{margin-bottom:20px;position:relative}.input-group input,.input-group textarea{color:#fff;background:#1e293bb3;border:1px solid #334155;border-radius:16px;outline:none;width:100%;padding:14px 16px;font-family:inherit;font-size:14px;transition:all .3s}.input-group textarea{resize:vertical;min-height:100px}.input-group label{color:#5b6e8c;pointer-events:none;font-size:14px;transition:all .3s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.input-group textarea~label{top:16px;transform:none}.input-group input:focus,.input-group textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf81a}.input-group input:focus~label,.input-group input:valid~label,.input-group textarea:focus~label,.input-group textarea:valid~label{color:#38bdf8;background:#1e293b;padding:0 6px;font-size:11px;top:-10px;left:12px}.btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#818cf8);border:none;border-radius:40px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:20px;padding:14px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.btn-submit:hover{gap:15px;transform:translateY(-2px);box-shadow:0 10px 25px #38bdf84d}.form-note{text-align:center;color:#5b6e8c;margin-top:20px;font-size:12px}@media (width<=992px){.contact-wrapper{grid-template-columns:1fr}.contact-info{order:2}.contact-form{order:1}}@media (width<=768px){.contact-info,.contact-form{padding:25px}.form-row{grid-template-columns:1fr;gap:0}.contact-head h3{font-size:24px}.contact-detail{padding:12px}.contact-detail-icon{width:45px;height:45px}}@media (width<=480px){.contact-info,.contact-form{padding:20px}.contact-detail{text-align:center;flex-direction:column;align-items:center}.contact-detail-info h4,.contact-detail-info p{text-align:center}.contact-social-links{justify-content:center}}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,IRANSans,IranSans,Tahoma,Iranian Sans,Persian Sans,system-ui,sans-serif}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}img:not([src]),img[src=""],img[src=\#]{opacity:0}.floating-contact-btn:hover{animation:none;transform:scale(1.1)}.about-us a:hover{transform:translateY(-3px);box-shadow:0 15px 35px #00000040}.footer-certificates{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin:30px 0 20px;padding:20px 0;display:flex}.cert-item{justify-content:center;align-items:center;transition:all .3s;display:flex}.cert-item:hover{transform:translateY(-3px)}.enamad-link{background:#fff;border-radius:12px;padding:8px 12px;transition:all .3s;display:block;box-shadow:0 4px 12px #0000001a}.enamad-link:hover{transform:scale(1.02);box-shadow:0 8px 20px #0003}.enamad-link img{width:auto;height:80px;display:block}.certs-title{text-align:center;margin-bottom:15px}.certs-title span{color:#ffffffb3;letter-spacing:1px;align-items:center;gap:8px;font-size:14px;font-weight:500;display:inline-flex}.certs-title span:before,.certs-title span:after{content:"";background:#ffffff4d;width:30px;height:1px}@media (width<=768px){.footer-certificates{gap:12px;margin:20px 0 15px;padding:15px 0}.enamad-link{padding:5px 10px}.enamad-link img{height:60px}}.footer-certificates{animation:.6s ease-out fadeInUp}