:root{--bg: #0f1724;--card: #0b1220;--accent: #00c2a8;--muted: #9aa4b2;--glass: rgba(255, 255, 255, .04);--radius: 14px}*{box-sizing:border-box}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;margin:0;background:linear-gradient(180deg,#071026,#071827 50%);color:#e6eef6;-webkit-font-smoothing:antialiased}.navbar{position:sticky;top:0;z-index:999;background:linear-gradient(180deg,#071026f2,#0b1220d9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,194,168,.15);padding:14px 0}@keyframes glow-slide{0%{transform:translate(-100%)}to{transform:translate(100%)}}.nav-container{width:90%;max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.nav-logo{display:flex;align-items:center;gap:10px;cursor:pointer;transition:transform .3s}.nav-logo:hover{transform:scale(1.02)}.logo-text{font-weight:700;font-size:1.15rem;background:linear-gradient(90deg,#e6eef6,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.nav-menu{list-style:none;display:flex;gap:6px;margin:0;padding:0;align-items:center}.nav-menu li{position:relative}.nav-menu a{text-decoration:none;color:var(--muted);transition:all .3s ease;font-weight:500;padding:8px 14px;border-radius:8px;position:relative;display:block}.nav-menu a:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--accent),#6ed0ff);transition:all .3s ease;transform:translate(-50%)}.nav-menu a:hover{color:#e6eef6;background:#00c2a81a}.nav-menu a:hover:before{width:60%}.nav-cta{background:linear-gradient(135deg,var(--accent),#6ed0ff)!important;color:#042028!important;padding:10px 18px!important;border-radius:10px;font-weight:600;transition:all .3s ease!important;box-shadow:0 4px 15px #00c2a84d}.nav-cta:hover{transform:translateY(-2px)!important;box-shadow:0 6px 25px #00c2a866!important;opacity:1!important}.nav-toggle{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:6px;padding:8px;transition:all .3s ease}.nav-toggle:hover{opacity:.8}.nav-toggle span{width:24px;height:2.5px;background:var(--accent);transition:all .4s ease;display:block;border-radius:2px}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media (max-width: 768px){.nav-toggle{display:flex}.nav-menu{position:fixed;top:70px;left:15px;right:15px;background:linear-gradient(180deg,#071026fa,#0b1220f2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;gap:0;max-height:0;overflow:hidden;transition:max-height .4s ease;border-radius:12px;box-shadow:0 8px 32px #0006;z-index:1000}.nav-menu.active{max-height:350px}.nav-menu li{padding:0;width:100%;border-bottom:1px solid rgba(0,194,168,.08)}.nav-menu li:last-child{border-bottom:none}.nav-menu a{padding:14px 18px!important;border-radius:0!important;display:block}.nav-menu a:before{display:none}.nav-cta{margin:8px!important;padding:12px 16px!important;border-radius:10px!important;display:block!important;text-align:center}.logo-text{font-size:1rem}}.container{width:90%;max-width:1100px;margin:0 auto}.hero{padding:84px 0 64px;background:linear-gradient(135deg,#00c2a814,#0078ff05);border-bottom:1px solid rgba(255,255,255,.03)}.hero .container{text-align:center}.hero h1{font-size:clamp(28px,5vw,48px);margin:0 0 12px;line-height:1.02}.hero h1 span{background:linear-gradient(90deg,var(--accent),#6ed0ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero h1 text{background:linear-gradient(90deg,#ff002f,#fe3939);-webkit-background-clip:text;background-clip:text;color:transparent}.tag{color:var(--muted);margin:8px 0 20px}.cta-row{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.btn{display:inline-block;padding:14px 28px;border-radius:12px;text-decoration:none;font-weight:700;transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer;font-size:1rem;letter-spacing:.5px}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .6s ease}.btn.primary{background:linear-gradient(135deg,var(--accent),#6ed0ff);color:#042028;box-shadow:0 6px 24px #00c2a859;border:1.5px solid rgba(0,194,168,.3)}.btn.primary:hover{transform:translateY(-3px);box-shadow:0 10px 32px #00c2a873;background:linear-gradient(135deg,#00c2a8,#6ed0ff)}.btn.primary:hover:before{left:100%}.btn.ghost{background:transparent;border:2px solid rgba(0,194,168,.4);color:var(--accent);box-shadow:0 0 0 transparent}.btn.ghost:hover{background:#00c2a81a;border-color:#00c2a8cc;color:#e6eef6;transform:translateY(-3px);box-shadow:0 8px 24px #00c2a833}.btn.ghost:hover:before{left:100%}.btn.full{width:100%;text-align:center}.services-section{padding:54px 0}.services-section h2{margin:0 0 24px;text-align:center;font-size:clamp(22px,3.6vw,30px)}.contact-section{padding:54px 0}.contact-section .contact{max-width:600px;margin:0 auto}.cards h2,.contact h2{margin:0 0 16px}.card-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.card{background:linear-gradient(135deg,#00c2a814,#6ed0ff08);padding:28px 20px;border-radius:16px;box-shadow:0 8px 32px #02061766;border:1px solid rgba(0,194,168,.15);transition:all .3s ease;text-align:center;position:relative}.card:hover{transform:translateY(-6px);border-color:#00c2a84d;box-shadow:0 12px 48px #00c2a833;background:linear-gradient(135deg,#00c2a81f,#6ed0ff0f)}.card-icon{font-size:3rem;margin-bottom:16px;display:block}.card h3{margin:0 0 12px;text-align:center;color:#e6eef6;font-size:1.15rem}.card p{color:var(--muted);margin:0;text-align:center;line-height:1.5;font-size:.95rem}.contact{background:linear-gradient(135deg,#00c2a81f,#6ed0ff0d);padding:32px;border-radius:18px;border:1px solid rgba(0,194,168,.2);box-shadow:0 8px 32px #00c2a81a}.contact h2{margin:0 0 12px;font-size:1.8rem;background:linear-gradient(90deg,#e6eef6,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.contact>p{color:var(--muted);margin:8px 0 28px;font-size:1rem;line-height:1.5}.contact-methods{display:flex;flex-direction:column;gap:14px;margin:24px 0}.contact-btn{display:flex;align-items:center;gap:16px;padding:18px 22px;background:linear-gradient(135deg,#00c2a826,#6ed0ff14);border:1.5px solid rgba(0,194,168,.25);border-radius:14px;text-decoration:none;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.contact-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.contact-btn:hover{background:linear-gradient(135deg,#00c2a840,#6ed0ff1f);border-color:#00c2a880;transform:translateY(-4px);box-shadow:0 12px 36px #00c2a84d}.contact-btn:hover:before{left:100%}.contact-icon{font-size:2.2rem;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#00c2a833,#6ed0ff1a);border-radius:12px;border:1.5px solid rgba(0,194,168,.3);flex-shrink:0}.contact-icon svg{width:28px;height:28px;color:var(--accent)}.contact-info{display:flex;flex-direction:column;gap:4px}.contact-label{font-weight:700;color:#e6eef6;font-size:.95rem;letter-spacing:.3px}.contact-value{color:var(--accent);font-weight:600;font-size:1rem}.contact-note{background:linear-gradient(135deg,#00c2a814,#6ed0ff0a);padding:14px 16px;border-radius:12px;border-left:4px solid var(--accent);margin-top:20px;box-shadow:0 4px 12px #00c2a814}.contact-note p{margin:0;color:var(--muted);font-size:.95rem;font-weight:500}.contact-card{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);padding:14px;border-radius:10px;margin:12px 0}.phone{font-weight:700;font-size:1.15rem}.small{color:var(--muted);font-size:.9rem}.footer{padding:20px 0;border-top:1px solid rgba(255,255,255,.05);color:var(--muted);background:linear-gradient(180deg,rgba(2,6,23,.4),transparent);font-size:.95rem}.footer-grid{display:flex;flex-direction:column;gap:12px;text-align:center;max-width:1200px;margin:0 auto;padding:0 20px}.footer-left{order:1;margin-bottom:8px;text-align:center;width:100%}.footer-right{order:2;text-align:center;width:100%;display:flex;justify-content:center;align-items:center;padding:0 15px;margin:10px 0}@media (min-width: 768px){.footer-grid{flex-direction:row;justify-content:space-between;align-items:center;text-align:left;width:100%}.footer-left{order:0;margin:0;padding:0;display:flex;flex-direction:row;align-items:center;gap:8px;width:auto}.footer-right{order:1;margin:0;padding:0;display:flex;flex-direction:row;align-items:center;gap:8px;width:auto}.developer{margin:0;padding:0;font-weight:500;color:var(--muted);display:flex;flex-direction:row;align-items:center;gap:6px;font-size:.9rem;white-space:nowrap}}.brand{font-weight:700}.code-icon{background:#0000001f;padding:6px 8px;border-radius:6px;font-family:monospace;color:var(--accent);border:1px solid rgba(0,194,168,.12)}.dev-link{color:var(--muted);text-decoration:none;border-bottom:1px dashed transparent;transition:all .2s}.dev-link:hover{color:#e6eef6;border-bottom-color:var(--accent)}.muted{color:var(--muted)}.about{padding:56px 0;background:linear-gradient(180deg,rgba(0,0,0,.02),transparent)}.about-grid{display:grid;grid-template-columns:1fr 420px;gap:40px;align-items:flex-start}.about-text h2{margin:0 0 20px;font-size:clamp(24px,4vw,32px);font-weight:700}.about-text h2 span{background:linear-gradient(90deg,var(--accent),#6ed0ff);-webkit-background-clip:text;background-clip:text;color:transparent}.about-text p{color:var(--muted);line-height:1.8;margin:14px 0;font-size:.95rem}.about-features{display:grid;grid-template-columns:1fr 1fr;gap:14px}.feature{background:linear-gradient(135deg,#00c2a81f,#6ed0ff0f);padding:24px 18px;border-radius:14px;border:1.5px solid rgba(0,194,168,.25);box-shadow:0 8px 32px #00c2a81a;transition:all .3s ease;text-align:center;position:relative;overflow:hidden}.feature:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.03),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.feature:hover{transform:translateY(-6px);border-color:#00c2a880;box-shadow:0 12px 40px #00c2a833;background:linear-gradient(135deg,#00c2a82e,#6ed0ff1a)}.feature:hover:before{opacity:1}.feature-icon{font-size:2.8rem;margin-bottom:12px;display:block;transition:all .3s ease;filter:drop-shadow(0 4px 12px rgba(0,194,168,.2))}.feature:hover .feature-icon{transform:scale(1.15) translateY(-4px);filter:drop-shadow(0 8px 20px rgba(0,194,168,.35))}.feature h4{margin:0 0 8px;color:#e6eef6;text-align:center;font-size:.95rem;font-weight:700;letter-spacing:.2px}.feature p{margin:0;color:var(--muted);text-align:center;font-size:.85rem;line-height:1.5}@media (max-width:900px){.about-grid{grid-template-columns:1fr}.about-features{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.hero{padding:48px 0}}.why{padding:56px 0;background:linear-gradient(180deg,rgba(0,194,168,.05),transparent)}.why h2{margin:0 0 32px;text-align:center;font-size:clamp(22px,4vw,30px)}.why h2 span{background:linear-gradient(90deg,var(--accent),#6ed0ff);-webkit-background-clip:text;background-clip:text;color:transparent}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:16px}.why-card{background:linear-gradient(135deg,#00c2a81f,#6ed0ff0f);padding:32px 24px;border-radius:16px;border:1.5px solid rgba(0,194,168,.25);box-shadow:0 8px 32px #00c2a81f;transition:all .3s ease;text-align:center;position:relative;overflow:hidden}.why-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.03),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.why-card:hover{transform:translateY(-8px);border-color:#00c2a880;box-shadow:0 16px 48px #00c2a840;background:linear-gradient(135deg,#00c2a82e,#6ed0ff1a)}.why-card:hover:before{opacity:1}.why-icon{font-size:3.5rem;margin-bottom:16px;display:block;transition:all .3s ease;filter:drop-shadow(0 4px 12px rgba(0,194,168,.2))}.why-card:hover .why-icon{transform:scale(1.1) translateY(-4px);filter:drop-shadow(0 8px 20px rgba(0,194,168,.35))}.why-card h3{margin:0 0 12px;color:#e6eef6;text-align:center;font-size:1.15rem;font-weight:700;letter-spacing:.3px}.why-card p{margin:0;color:var(--muted);text-align:center;line-height:1.6;font-size:.95rem}