@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #00b4d84d}50%{box-shadow:0 0 40px #00b4d899}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fade-in-up{animation:fadeInUp .8s ease-out forwards}.float{animation:float 4s ease-in-out infinite}.rotate{animation:rotate 20s linear infinite}.gradient-animated{background-size:200% 200%;animation:gradientShift 8s ease infinite}.scale-in{animation:scaleIn .5s ease-out forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}:root{--bg: #0b0f1c;--surface: rgba(255,255,255,.06);--surface-strong: rgba(255,255,255,.1);--text: #eaeaf1;--text-muted: rgba(255,255,255,.8);--border: rgba(255,255,255,.12);--shadow: 0 20px 60px rgba(0,0,0,.35);--backdrop: blur(12px);--accent-primary: #00B4D8;--accent-secondary: #2E5C9A;--glow-color: rgba(0, 180, 216, .3)}.theme-light{--bg: linear-gradient(135deg, #f8fafc 0%, #e8f4f8 100%);--surface: #ffffff;--surface-strong: #ffffff;--text: #0f172a;--text-muted: #475569;--border: rgba(15, 23, 42, .08);--shadow: 0 20px 60px rgba(0, 0, 0, .08);--backdrop: blur(20px);--accent-primary: #0891b2;--accent-secondary: #1e40af;--glow-color: rgba(8, 145, 178, .15);--gradient-bg: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 50%, #fef3c7 100%);--card-shadow: 0 10px 40px rgba(8, 145, 178, .12), 0 4px 20px rgba(0, 0, 0, .08);--card-shadow-hover: 0 20px 60px rgba(8, 145, 178, .18), 0 8px 30px rgba(0, 0, 0, .12);--card-border: linear-gradient(135deg, rgba(8, 145, 178, .2), rgba(30, 64, 175, .2))}.theme-dark{--bg: #0b0f1c;--surface: rgba(255,255,255,.06);--surface-strong: rgba(255,255,255,.1);--text: #eaeaf1;--text-muted: rgba(255,255,255,.8);--border: rgba(255,255,255,.12);--shadow: 0 20px 60px rgba(0,0,0,.35);--backdrop: blur(12px);--accent-primary: #00B4D8;--accent-secondary: #2E5C9A;--glow-color: rgba(0, 180, 216, .3)}@media (prefers-color-scheme: light){:root:not(.theme-dark):not(.theme-light){--bg: linear-gradient(135deg, #f8fafc 0%, #e8f4f8 100%);--surface: #ffffff;--surface-strong: #ffffff;--text: #0f172a;--text-muted: #475569;--border: rgba(15, 23, 42, .08);--shadow: 0 20px 60px rgba(0, 0, 0, .08);--backdrop: blur(20px);--accent-primary: #0891b2;--accent-secondary: #1e40af;--glow-color: rgba(8, 145, 178, .15)}}@media (prefers-color-scheme: dark){:root:not(.theme-dark):not(.theme-light){--bg: #0b0f1c;--surface: rgba(255,255,255,.06);--surface-strong: rgba(255,255,255,.1);--text: #eaeaf1;--text-muted: rgba(255,255,255,.8);--border: rgba(255,255,255,.12);--shadow: 0 20px 60px rgba(0,0,0,.35);--backdrop: blur(12px);--accent-primary: #00B4D8;--accent-secondary: #2E5C9A;--glow-color: rgba(0, 180, 216, .3)}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;line-height:1.6;transition:background-color .24s ease,color .24s ease}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:700;line-height:1.2;margin-bottom:16px;color:var(--text)}h1{font-size:clamp(2.5rem,5vw,5rem)}h2{font-size:clamp(2rem,4vw,4rem)}h3{font-size:clamp(1.5rem,3vw,2.75rem)}p{font-size:clamp(1rem,2vw,1.125rem);margin-bottom:16px;color:var(--text-muted)}a{text-decoration:none;color:inherit;transition:color .2s cubic-bezier(.4,0,.2,1)}a:hover{color:var(--accent-primary)}.btn{display:inline-block;padding:20px 40px;border-radius:50px;font-weight:600;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;font-size:1.0625rem}.btn-primary{background:linear-gradient(135deg,#00B4D8 0%,#2E5C9A 100%);color:#fff;box-shadow:0 8px 24px var(--glow-color)}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 12px 32px var(--glow-color)}.btn-outline{background:transparent;border:2px solid var(--accent-primary);color:var(--accent-primary)}.btn-outline:hover{background:var(--accent-primary);color:#fff}.container{max-width:1600px;margin:0 auto;padding:0 48px}@media (max-width: 1024px){.container{padding:0 32px}}@media (max-width: 640px){.container{padding:0 16px}}.section{padding:120px 0;position:relative}@media (max-width: 640px){.section{padding:80px 0}}.grid{display:grid;gap:32px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.text-center{text-align:center}.text-gradient{background:linear-gradient(135deg,#2E5C9A 0%,#00B4D8 50%,#6BBE45 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.glass-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);backdrop-filter:var(--backdrop);padding:40px;border-radius:24px}.border,.client-box{border-color:var(--border)}.muted,.clients-section .clients-header p,.hero p{color:var(--text-muted)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--surface-strong)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00B4D8 0%,#2E5C9A 100%);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.theme-light{background:var(--gradient-bg)}.theme-light .hero{background:linear-gradient(180deg,rgba(240,249,255,.95) 0%,rgba(224,242,254,.9) 50%,rgba(254,243,199,.95) 100%)}.theme-light .hero:before{background:radial-gradient(circle at 15% 25%,rgba(8,145,178,.12) 0%,transparent 50%),radial-gradient(circle at 85% 75%,rgba(251,191,36,.12) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(30,64,175,.06) 0%,transparent 70%)}.theme-light .hero h1{color:#0f172a;text-shadow:0 4px 30px rgba(8,145,178,.25),0 8px 60px rgba(30,64,175,.15);font-weight:800}.theme-light .hero p{color:#334155;font-weight:500}.theme-light h1,.theme-light h2,.theme-light h3{color:#0f172a;text-shadow:0 2px 20px rgba(8,145,178,.2),0 4px 40px rgba(30,64,175,.12),0 1px 3px rgba(0,0,0,.05);font-weight:800;letter-spacing:-.02em}.theme-light .text-gradient{background:linear-gradient(135deg,#0891b2 0%,#1e40af 50%,#7c3aed 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 4px 12px rgba(8,145,178,.35)) drop-shadow(0 2px 6px rgba(30,64,175,.25))}.theme-light .glass-card{background:rgba(255,255,255,.95);backdrop-filter:blur(30px) saturate(180%);border:2px solid rgba(8,145,178,.15);box-shadow:0 15px 50px #0891b226,0 8px 30px #00000014,0 2px 10px #1e40af1a,inset 0 1px #fffc;border-radius:28px;position:relative;overflow:hidden}.theme-light .glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(8,145,178,.3) 50%,transparent 100%)}.theme-light .glass-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 25px 80px #0891b240,0 15px 50px #0000001f,0 5px 20px #1e40af26,inset 0 1px #fff;border-color:#0891b24d}.theme-light .btn-primary{background:linear-gradient(135deg,#0891b2 0%,#1e40af 100%);box-shadow:0 8px 30px #0891b266,0 4px 15px #1e40af4d,0 2px 8px #0000001a,inset 0 1px #fff3;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.theme-light .btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transition:left .5s ease}.theme-light .btn-primary:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 15px 50px #0891b280,0 8px 30px #1e40af66,0 4px 15px #00000026,inset 0 1px #ffffff4d}.theme-light .btn-primary:hover:before{left:100%}.theme-light .btn-outline{background:rgba(255,255,255,.9);border:2px solid #0891b2;color:#0891b2;box-shadow:0 4px 20px #0891b233,0 2px 10px #0000000d}.theme-light .btn-outline:hover{background:linear-gradient(135deg,#0891b2 0%,#1e40af 100%);color:#fff;border-color:#1e40af;box-shadow:0 8px 35px #0891b259,0 4px 20px #1e40af40;transform:translateY(-4px) scale(1.02)}.theme-light .service-card{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border:2px solid rgba(8,145,178,.12);box-shadow:0 10px 40px #0891b21f,0 5px 20px #00000014,0 2px 8px #1e40af14;position:relative}.theme-light .service-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0891b2,#1e40af,#7c3aed);transform:scaleX(0);transition:transform .4s cubic-bezier(.4,0,.2,1);border-radius:0 0 24px 24px}.theme-light .service-card:hover{transform:translateY(-15px) scale(1.03);box-shadow:0 20px 60px #0891b233,0 10px 40px #0000001f,0 5px 20px #1e40af26;border-color:#0891b240}.theme-light .service-card:hover:after{transform:scaleX(1)}.theme-light .service-card h3{color:#0f172a;text-shadow:0 2px 15px rgba(8,145,178,.2)}.theme-light .service-card p{color:#475569}.theme-light .service-icon .icon-svg{filter:drop-shadow(0 8px 25px rgba(8,145,178,.35)) drop-shadow(0 4px 15px rgba(30,64,175,.25)) drop-shadow(0 2px 8px rgba(0,0,0,.1));transition:all .4s cubic-bezier(.4,0,.2,1)}.theme-light .service-card:hover .service-icon .icon-svg{filter:drop-shadow(0 12px 35px rgba(8,145,178,.5)) drop-shadow(0 6px 20px rgba(30,64,175,.35)) drop-shadow(0 3px 12px rgba(124,58,237,.2));transform:scale(1.15) rotate(8deg)}.theme-light .client-box{background:rgba(255,255,255,.98);backdrop-filter:blur(25px);border:2px solid rgba(8,145,178,.15);box-shadow:0 12px 45px #0891b226,0 6px 25px #0000001a,0 3px 12px #1e40af1a,inset 0 1px #ffffffe6}.theme-light .client-box:hover{transform:translateY(-15px) scale(1.05) rotate(2deg);box-shadow:0 25px 70px #0891b247,0 15px 45px #00000026,0 8px 25px #1e40af2e,inset 0 1px #fff;border-color:#0891b259}.theme-light .stat-item-new{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border:2px solid rgba(8,145,178,.12);box-shadow:0 10px 40px #0891b226,0 5px 20px #00000014,0 2px 10px #1e40af1a;position:relative}.theme-light .stat-item-new:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,rgba(8,145,178,.2),rgba(30,64,175,.2),rgba(124,58,237,.2));border-radius:24px;opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1);z-index:-1}.theme-light .stat-item-new:hover{transform:translateY(-12px) scale(1.05);box-shadow:0 20px 60px #0891b240,0 10px 40px #0000001f,0 5px 20px #1e40af26}.theme-light .stat-item-new:hover:before{opacity:1}.theme-light .stat-item-new:hover .stat-number{transform:scale(1.15)}.theme-light .stat-item-new .stat-number{background:linear-gradient(135deg,#0891b2 0%,#1e40af 50%,#7c3aed 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 4px 15px rgba(8,145,178,.35))}.theme-light .stat-item-new .stat-label{color:#475569;font-weight:600}.theme-light .about-moontech{background:linear-gradient(180deg,rgba(240,249,255,.5) 0%,rgba(224,242,254,.3) 50%,rgba(254,243,199,.5) 100%)}.theme-light .about-moontech .logo-large{filter:drop-shadow(0 20px 60px rgba(8,145,178,.4)) drop-shadow(0 10px 35px rgba(30,64,175,.3)) drop-shadow(0 5px 20px rgba(0,0,0,.1))}.theme-light .about-moontech h2{text-shadow:0 4px 30px rgba(8,145,178,.25),0 8px 60px rgba(30,64,175,.15)}.theme-light .about-moontech p{color:#475569;font-weight:500}.theme-light .clients-section{background:linear-gradient(180deg,rgba(254,243,199,.3) 0%,rgba(240,249,255,.5) 50%,rgba(224,242,254,.3) 100%)}.theme-light .clients-section h2,.theme-light .projects-section h2{text-shadow:0 4px 30px rgba(8,145,178,.25)}.theme-light .navbar:before{background:rgba(255,255,255,.98);backdrop-filter:blur(30px) saturate(180%);box-shadow:0 8px 35px #0891b226,0 4px 20px #00000014;border-bottom:2px solid rgba(8,145,178,.12)}.theme-light .navbar-logo .logo-text{filter:drop-shadow(0 4px 15px rgba(8,145,178,.4))}.theme-light .footer{background:rgba(255,255,255,.95);backdrop-filter:blur(30px);border-top:2px solid rgba(8,145,178,.12);box-shadow:0 -8px 35px #0891b226,0 -4px 20px #00000014}.theme-light .footer-section h3,.theme-light .footer-section h4{text-shadow:0 2px 15px rgba(8,145,178,.2)}.theme-light .footer .logo-text{filter:drop-shadow(0 3px 12px rgba(8,145,178,.35))}.theme-light .social-btn{background:rgba(255,255,255,.95);border:2px solid rgba(8,145,178,.15);box-shadow:0 4px 15px #0891b226,0 2px 8px #00000014}.theme-light .social-btn:hover{background:linear-gradient(135deg,#0891b2 0%,#1e40af 100%);border-color:#1e40af;box-shadow:0 8px 30px #0891b259,0 4px 15px #1e40af40;transform:translateY(-4px) scale(1.1)}.theme-light .contact-form{background:rgba(255,255,255,.95);backdrop-filter:blur(25px);box-shadow:0 15px 50px #0891b226,0 8px 30px #0000001a}.theme-light .contact-form input,.theme-light .contact-form select,.theme-light .contact-form textarea{background:rgba(240,249,255,.8);border:2px solid rgba(8,145,178,.15);color:#0f172a;box-shadow:inset 0 2px 8px #0891b214}.theme-light .contact-form input:focus,.theme-light .contact-form select:focus,.theme-light .contact-form textarea:focus{background:rgba(255,255,255,.95);border-color:#0891b2;box-shadow:inset 0 2px 8px #0891b21f,0 0 0 4px #0891b226}.theme-light .info-card{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border:2px solid rgba(8,145,178,.12);box-shadow:0 8px 30px #0891b226,0 4px 15px #00000014}.theme-light .info-card:hover{transform:translate(12px) scale(1.02);box-shadow:0 12px 45px #0891b240,0 6px 25px #0000001f;border-color:#0891b24d}.theme-light .info-icon{background:linear-gradient(135deg,rgb(240,249,255),rgb(224,242,254));box-shadow:0 4px 15px #0891b233,0 2px 8px #00000014}.theme-light .shape{opacity:.15!important;filter:blur(2px)}.theme-light .theme-toggle{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:2px solid #0891b2;box-shadow:0 6px 25px #0891b240,0 3px 12px #1e40af26}.theme-light .theme-toggle:hover{background:linear-gradient(135deg,#0891b2 0%,#1e40af 100%);box-shadow:0 10px 40px #0891b266,0 5px 20px #1e40af40;transform:translateY(-3px) scale(1.05)}
