.futuristic-hero{color:#fff;background:radial-gradient(at 50% 0,#0d1e3a 0%,#060b17 55%,#03060f 100%);align-items:center;min-height:100vh;padding:120px 0 60px;display:flex;position:relative;overflow:hidden}.futuristic-hero .space-stars-bg{opacity:.65;pointer-events:none;z-index:0;background-image:radial-gradient(2px 2px at 25px 35px,#fff,#0000),radial-gradient(2px 2px at 50px 85px,#33a1e0e6,#0000),radial-gradient(1px 1px at 100px 45px,#fff,#0000),radial-gradient(2px 2px at 180px 140px,#33a1e0cc,#0000),radial-gradient(1.5px 1.5px at 250px 90px,#fff,#0000),radial-gradient(2px 2px at 340px 160px,#00a3ffe6,#0000),radial-gradient(1px 1px at 410px 45px,#fff,#0000),radial-gradient(2px 2px at 490px 125px,#33a1e0b3,#0000),radial-gradient(1.5px 1.5px at 570px 35px,#fff,#0000),radial-gradient(2px 2px at 650px 155px,#00a3ffcc,#0000),radial-gradient(1px 1px at 730px 80px,#fff,#0000),radial-gradient(2px 2px at 810px 135px,#33a1e0e6,#0000),radial-gradient(1.5px 1.5px at 890px 45px,#fff,#0000);background-repeat:repeat;background-size:920px 220px;animation:7s ease-in-out infinite alternate starsTwinkle;position:absolute;inset:0}.futuristic-hero .space-meteors-bg{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.futuristic-hero .space-meteors-bg .meteor{filter:drop-shadow(0 0 8px #38bdf8f2);opacity:0;background:linear-gradient(90deg,#fff0 0%,#38bdf8f2 75%,#fff 100%);border-radius:50%;width:140px;height:1.5px;animation:linear infinite shootingMeteorFast;position:absolute;transform:rotate(45deg)}.futuristic-hero .space-meteors-bg .meteor.meteor-1{animation-duration:3.6s;animation-delay:0s;top:-40px;left:5%}.futuristic-hero .space-meteors-bg .meteor.meteor-2{animation-duration:4.2s;animation-delay:1.4s;top:18%;left:30%}.futuristic-hero .space-meteors-bg .meteor.meteor-3{animation-duration:3.4s;animation-delay:2.7s;top:38%;left:8%}.futuristic-hero .space-meteors-bg .meteor.meteor-4{animation-duration:4s;animation-delay:.8s;top:58%;left:42%}.futuristic-hero .space-meteors-bg .meteor.meteor-5{animation-duration:3.5s;animation-delay:2.1s;top:76%;left:15%}.futuristic-hero .space-meteors-bg .meteor.meteor-6{animation-duration:4.5s;animation-delay:3.2s;top:-20px;left:70%}.futuristic-hero .space-nebula{filter:blur(100px);pointer-events:none;z-index:0;opacity:.55;border-radius:50%;width:500px;height:500px;position:absolute}.futuristic-hero .space-nebula.nebula-1{top:-100px;background:radial-gradient(circle,#33a1e04d 0%,#0000 70%);inset-inline-start:5%}.futuristic-hero .space-nebula.nebula-2{bottom:-100px;background:radial-gradient(circle,#0077b647 0%,#0000 70%);inset-inline-end:5%}.futuristic-hero .space-nebula.nebula-3{top:25%;background:radial-gradient(circle,#6366f133 0%,#0000 70%);width:350px;height:350px;inset-inline-start:45%}.futuristic-hero .space-bottom-flare{bottom:0;z-index:2;background:linear-gradient(90deg,#0000 0%,#33a1e033 15%,#33a1e0e6 50%,#33a1e033 85%,#0000 100%);height:2px;position:absolute;inset-inline:0;box-shadow:0 0 15px #33a1e0b3}.futuristic-hero .container{z-index:1;width:100%;position:relative}.futuristic-hero .hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;display:grid}@media (max-width:991px){.futuristic-hero .hero-grid{grid-template-columns:1fr;gap:50px}}.futuristic-hero .hero-content{flex-direction:column;align-items:flex-start;display:flex}.futuristic-hero .hero-content .hero-badge{color:#38bdf8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #33a1e066;border-radius:20px;align-items:center;gap:8px;margin-bottom:22px;padding:7px 18px;font-size:13.5px;font-weight:600;display:inline-flex;box-shadow:0 0 20px #33a1e033}.futuristic-hero .hero-content .hero-badge .badge-icon{color:#38bdf8;animation:2s ease-in-out infinite pulseIcon}.futuristic-hero .hero-content .hero-title{color:#fff;letter-spacing:-.4px;text-shadow:0 2px 10px #0000004d;margin-bottom:18px;font-size:clamp(26px,3.2vw,40px);font-weight:800;line-height:1.3}.futuristic-hero .hero-content .hero-desc{color:#cbd5e1;max-width:620px;margin-bottom:32px;font-size:clamp(15px,1.6vw,17px);line-height:1.75}.futuristic-hero .hero-content .hero-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:35px;display:flex}.futuristic-hero .hero-content .hero-actions .primary-hero-btn{border-radius:24px;align-items:center;gap:10px;padding:13px 28px;font-size:15.5px;font-weight:600;text-decoration:none;display:inline-flex}.futuristic-hero .hero-content .hero-actions .primary-hero-btn .arrow-icon{transition:transform .3s}.futuristic-hero .hero-content .hero-stats{align-items:center;gap:16px;display:flex}.futuristic-hero .hero-content .hero-stats .stat-pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d162aa6;border:1px solid #33a1e04d;border-radius:16px;align-items:center;gap:12px;padding:10px 18px;transition:all .3s;display:flex;box-shadow:0 8px 20px #0003}.futuristic-hero .hero-content .hero-stats .stat-pill:hover{border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 0 20px #33a1e040}.futuristic-hero .hero-content .hero-stats .stat-pill .stat-icon{color:#38bdf8}.futuristic-hero .hero-content .hero-stats .stat-pill .number{color:#fff;font-size:16.5px;font-weight:800;line-height:1;display:block}.futuristic-hero .hero-content .hero-stats .stat-pill .label{color:#94a3b8;margin-top:2px;font-size:11.5px;display:block}.futuristic-hero .hero-interactive{justify-content:center;width:100%;padding:15px 0;display:flex;position:relative}.futuristic-hero .code-terminal-wrapper{width:100%;max-width:580px;position:relative}.futuristic-hero .code-terminal-wrapper .terminal-glow{display:none}.futuristic-hero .code-terminal-wrapper .badge-float{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#0f172ad9;border:1px solid #fff3;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:12.5px;font-weight:700;display:flex;position:absolute;box-shadow:0 8px 25px #0006}.futuristic-hero .code-terminal-wrapper .badge-float .icon{color:#38bdf8}.futuristic-hero .code-terminal-wrapper .badge-float.badge-1{top:12px;animation:4s ease-in-out infinite floatBadge;inset-inline-end:15px}.futuristic-hero .code-terminal-wrapper .badge-float.badge-2{bottom:12px;animation:4s ease-in-out 2s infinite floatBadge;inset-inline-start:15px}.futuristic-hero .code-terminal-wrapper .terminal-window{z-index:1;-webkit-backdrop-filter:blur(6px);background:#0a112140;border:1px solid #ffffff2e;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 15px 40px #0000004d}.futuristic-hero .code-terminal-wrapper .terminal-window .terminal-header{background:#ffffff0d;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;padding:13px 18px;display:flex}.futuristic-hero .code-terminal-wrapper .terminal-window .terminal-header .window-dots{align-items:center;gap:6px;display:flex}.futuristic-hero .code-terminal-wrapper .terminal-window .terminal-header .window-dots .dot{border-radius:50%;width:10px;height:10px}.futuristic-hero .code-terminal-wrapper .terminal-window .terminal-header .window-dots .dot.red{background:#ef4444}.futuristic-hero .code-terminal-wrapper .terminal-window .terminal-header .window-dots .dot.yellow{background:#f59e0b}.futuristic-hero .code-terminal-wrapper .terminal-window .terminal-header .window-dots .dot.green{background:#10b981}.futuristic-hero .code-terminal-wrapper .terminal-window .terminal-header .tab-title{color:#cbd5e1;direction:ltr;align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex}.futuristic-hero .code-terminal-wrapper .terminal-window .terminal-header .tab-title .tab-icon{color:#38bdf8}.futuristic-hero .code-terminal-wrapper .terminal-window .terminal-header .compiler-status{color:#10b981;align-items:center;gap:6px;font-size:11.5px;font-weight:600;display:flex}.futuristic-hero .code-terminal-wrapper .terminal-window .terminal-header .compiler-status .live-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:1.5s infinite pulseDot;box-shadow:0 0 8px #10b981}.futuristic-hero .code-terminal-wrapper .terminal-window .terminal-body{direction:ltr;height:315px;padding:20px 18px;font-family:Fira Code,Courier New,monospace;font-size:13px;line-height:1.65;display:flex;overflow:hidden}.futuristic-hero .code-terminal-wrapper .terminal-window .terminal-body .line-numbers{color:#64748b;-webkit-user-select:none;user-select:none;border-inline-end:1px solid #ffffff1f;flex-direction:column;margin-inline-end:14px;padding-inline-end:14px;display:flex}.futuristic-hero .code-terminal-wrapper .terminal-window .terminal-body .code-content{color:#f1f5f9;flex:1}.futuristic-hero .code-terminal-wrapper .terminal-window .terminal-body .code-content .code-line{white-space:pre-wrap;word-break:break-all;min-height:21.5px}.futuristic-hero .code-terminal-wrapper .terminal-window .terminal-body .code-content .token.comment{color:#64748b;font-style:italic}.futuristic-hero .code-terminal-wrapper .terminal-window .terminal-body .code-content .token.success{color:#10b981;font-weight:600}.futuristic-hero .code-terminal-wrapper .terminal-window .terminal-body .code-content .token .keyword{color:#38bdf8;font-weight:600}.futuristic-hero .code-terminal-wrapper .terminal-window .terminal-body .code-content .token .string{color:#34d399}.futuristic-hero .code-terminal-wrapper .terminal-window .terminal-body .code-content .token .value{color:#f59e0b}.futuristic-hero .code-terminal-wrapper .terminal-window .terminal-body .code-content .cursor-blink{color:#38bdf8;font-weight:700;animation:.8s infinite blink;display:inline-block}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}@keyframes pulseIcon{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes shootingMeteorFast{0%{opacity:0;transform:translate(0)translateY(0)rotate(45deg)}10%{opacity:1}40%{opacity:1}60%{opacity:0;transform:translate(650px)translateY(650px)rotate(45deg)}to{opacity:0;transform:translate(650px)translateY(650px)rotate(45deg)}}@keyframes starsTwinkle{0%{opacity:.4;transform:scale(.98)}50%{opacity:.85;transform:scale(1.02)}to{opacity:.55;transform:scale(1)}}@media (max-width:768px){.futuristic-hero{padding:140px 0 60px}.futuristic-hero .code-terminal-wrapper .badge-float{display:none!important}.futuristic-hero .code-terminal-wrapper .terminal-window .terminal-body{height:auto;min-height:370px;padding:16px 14px;font-size:11.5px;line-height:1.65}}@media (max-width:576px){.futuristic-hero{padding:135px 0 50px}.futuristic-hero .hero-content .hero-title{font-size:26px}.futuristic-hero .hero-content .hero-desc{font-size:14.5px}.futuristic-hero .hero-content .hero-actions{width:100%}.futuristic-hero .hero-content .hero-actions .primary-hero-btn{justify-content:center;width:100%}.futuristic-hero .hero-content .hero-stats{flex-direction:column;align-items:center;gap:10px;width:100%}.futuristic-hero .hero-content .hero-stats .stat-pill{justify-content:flex-start;width:100%;max-width:180px}}
.services-section{padding:0;position:relative;overflow:hidden}.services-section .container{z-index:2;position:relative}.services-section .section-header-top{justify-content:space-between;align-items:center;gap:30px;margin-bottom:35px;display:flex}@media (max-width:768px){.services-section .section-header-top{flex-direction:column;align-items:flex-start;gap:16px}}.services-section .section-header-top .header-info{text-align:start;flex-direction:column;align-items:flex-start;max-width:680px;display:flex}.services-section .section-header-top .header-info .section-badge{color:var(--main_color);background:#33a1e017;border:1px solid #33a1e038;border-radius:20px;align-items:center;gap:8px;margin-bottom:10px;padding:5px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.services-section .section-header-top .header-info .section-badge .badge-icon{color:var(--main_color)}.services-section .section-header-top .header-info .section-title{color:#0f172a;letter-spacing:-.3px;margin-bottom:8px;font-size:clamp(22px,2.5vw,30px);font-weight:800;line-height:1.25}.services-section .section-header-top .header-info .section-title .highlight{color:var(--main_color);background:linear-gradient(135deg, var(--main_color) 0%, #0284c7 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}.services-section .section-header-top .header-info .section-subtitle{color:#64748b;font-size:clamp(13.5px,1.4vw,15px);line-height:1.5}.services-section .section-header-top .header-action{flex-shrink:0;align-items:center;display:flex}@media (max-width:768px){.services-section .section-header-top .header-action{width:100%}.services-section .section-header-top .header-action .view-all-btn{justify-content:center;width:100%}}.services-section .section-header-top .header-action .view-all-btn{border-radius:24px;align-items:center;gap:10px;padding:12px 28px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.services-section .services-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (max-width:1200px){.services-section .services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.services-section .services-grid{grid-template-columns:1fr;gap:20px}}