*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;overflow-x:hidden;font-family:system-ui,Arial,sans-serif}img{max-width:100%;height:auto}*{margin:0;padding:0;box-sizing:border-box}body{display:block}#root{width:100%}.navbar{position:sticky;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:5px 1%;background:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:999;box-sizing:border-box}.logo{display:flex;align-items:center;gap:10px}.logo img{width:40px;margin-left:2px}.logo span{font-size:22px;font-weight:700;color:#38bdf8}.nav-links{display:flex;gap:20px;list-style:none;margin-right:10px;margin-top:130px;padding:0}.nav-links a{text-decoration:none;color:#fff;transition:.3s;font-weight:500}.nav-links a:hover{color:#38bdf8}.nav-btn{padding:4px 10px;background:#38bdf8;color:#000;border-radius:7px;text-decoration:none;font-weight:600;transition:.3s}.nav-btn:hover{transform:scale(1.05)}.nav{display:flex}.menu-icon{display:none;font-size:28px;cursor:pointer}@media(max-width:768px){.menu-icon{display:block}.nav{position:fixed;top:-90px;right:-100%;height:50vh;width:70%;background:#020617;flex-direction:column;justify-content:center;transition:.4s}.nav.active{right:0}.nav-links{flex-direction:column;gap:25px;align-items:center}.nav-links a.active{color:#38bdf8;border-bottom:2px solid #38bdf8}.nav-btn{margin-top:10px}}body{margin:0;padding:0;overflow-x:hidden}.hero{display:flex;align-items:center;justify-content:space-between;padding:60px 8%;min-height:90vh;background:linear-gradient(135deg,#020617,#0f172a,#020617);color:#fff}.hero-content h1{font-size:45px;margin-bottom:10px}.hero-content p{font-size:18px;margin-bottom:20px;opacity:.8}.hero-btns{display:flex;gap:15px}.hero-btns a{text-decoration:none;display:inline-block}.primary{padding:10px 22px;background:#38bdf8;border:none;border-radius:6px;font-weight:600}.secondary{padding:10px 22px;border:2px solid #38bdf8;background:transparent;border-radius:6px;color:#38bdf8}.hero-img img{width:450px;animation:float 3s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@media(max-width:768px){.hero{flex-direction:column;text-align:center;gap:30px}.hero-img img{width:90%}.hero-content h1{font-size:30px}}.hero-content{animation:fadeUp 1.2s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.services{padding:70px 8%;text-align:center;background:#020617;color:#fff}.services h2{margin-bottom:40px;font-size:34px}.service-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.card{padding:40px 20px;background:#0f172a;border-radius:12px;transition:.3s;cursor:pointer}.card:hover{transform:translateY(-10px);box-shadow:0 0 20px #38bdf880}.icon{font-size:40px;display:block;margin-bottom:10px}@media(max-width:768px){.service-cards{grid-template-columns:1fr}}.portfolio{padding:80px 8%;background:#020617;color:#fff;text-align:center}.portfolio h2{margin-bottom:50px;font-size:36px}.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.portfolio-card{position:relative;border-radius:15px;overflow:hidden;cursor:pointer;transition:.4s}.portfolio-card img{width:100%;height:240px;object-fit:cover;transition:.4s}.portfolio-info{position:absolute;bottom:0;width:100%;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;transform:translateY(100%);transition:.4s}.portfolio-info button{margin-top:8px;padding:8px 18px;border:none;background:#38bdf8;border-radius:6px}.portfolio-card:hover img{transform:scale(1.1)}.portfolio-card:hover .portfolio-info{transform:translateY(0)}.portfolio-card:hover{box-shadow:0 0 20px #38bdf899}.view-btn{margin-top:8px;padding:10px 20px;border:none;background:#38bdf8;border-radius:6px;font-weight:600;color:#000;cursor:pointer;transition:.3s}.view-btn:hover{transform:translateY(-3px);box-shadow:0 5px 15px #38bdf899;transform:translateY(-3px) scale(1.05)}.view-btn span{display:inline-block;transition:.3s}.view-btn:hover span{transform:translate(5px)}.filters button{margin:0 8px;padding:8px 18px;border:1px solid #38bdf8;background:transparent;color:#38bdf8;border-radius:20px;cursor:pointer;transition:.3s}.filters button.active,.filters button:hover{background:#38bdf8;color:#000}.contact{padding:80px 8%;text-align:center;background:linear-gradient(135deg,#020617,#0f172a);color:#fff}.contact h2{margin-bottom:30px;font-size:36px}.glass{max-width:420px;margin:auto;padding:30px;border-radius:15px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0d;box-shadow:0 0 20px #38bdf84d}.contact-form{display:flex;flex-direction:column;gap:15px}.contact-form input,.contact-form textarea{padding:12px;border-radius:6px;border:none;outline:none}.contact-form button{padding:12px;border:none;background:#38bdf8;border-radius:6px;font-weight:600;cursor:pointer;transition:.3s}.contact-form button:hover{transform:translateY(-3px)}.footer{background:#020617;color:#fff;padding:50px 8%}.footer-box{display:flex;justify-content:space-between;margin-bottom:20px}.footer h3,.footer h4{margin-bottom:10px}.copy{text-align:center;opacity:.7}@media(max-width:768px){.footer-box{flex-direction:column;gap:20px}}.social{margin-top:15px;display:flex;gap:15px}.social a{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#0f172a;border-radius:50%;font-size:18px;color:#fff;transition:.3s}.social a:nth-child(1):hover{background:#1877f2;color:#fff;transform:translateY(-4px);box-shadow:0 0 15px #1877f2}.social a:nth-child(2):hover{background:#e4405f;color:#fff;transform:translateY(-4px);box-shadow:0 0 15px #e4405f}.social a:nth-child(3):hover{background:red;color:#fff;transform:translateY(-4px);box-shadow:0 0 15px red}.social a:nth-child(4):hover{background:#0a66c2;color:#fff;transform:translateY(-4px);box-shadow:0 0 15px #0a66c2}.footer a{color:#fff;text-decoration:none}.footer a:hover{color:#38bdf8}@media(max-width:768px){.scroll-wrapper{position:fixed;bottom:20px;right:12px;z-index:9999;bottom:calc(20px + env(safe-area-inset-bottom))}.scroll-tooltip{position:absolute;right:60px;top:50%;transform:translateY(-50%);background:#0f172a;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;opacity:0;transition:.3s;white-space:nowrap}.scroll-wrapper:hover .scroll-tooltip{opacity:1}.scroll-top{background:#38bdf8;border:none;width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:22px;cursor:pointer;animation:pulseScroll 1.8s infinite}}@keyframes pulseScroll{0%{box-shadow:0 0 #38bdf8b3}70%{box-shadow:0 0 0 15px #38bdf800}to{box-shadow:0 0 #38bdf800}}.pricing{padding:80px 8%;text-align:center;background:#020617;color:#fff}.pricing h2{margin-bottom:40px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.price-card{padding:30px;border-radius:15px;background:#0f172a;transition:.3s}.price-card h1{margin:15px 0;color:#38bdf8}.price-card ul{list-style:none;padding:0}.price-card li{margin:8px 0}.price-card a{display:inline-block;margin-top:15px;padding:10px 22px;background:#38bdf8;border-radius:6px;text-decoration:none;color:#000}.highlight{transform:scale(1.05);box-shadow:0 0 20px #38bdf880}@media(max-width:768px){.pricing-grid{grid-template-columns:1fr}}.about{padding:80px 8%;display:flex;align-items:center;gap:40px;background:linear-gradient(135deg,#020617,#0f172a);color:#fff}.about-text h1{margin-bottom:15px;font-size:38px}.about-text p{margin-bottom:15px}.about-text ul{list-style:none;padding:0}.about-text li{margin:8px 0}.about-img img{width:420px;border-radius:12px}@media(max-width:768px){.about{flex-direction:column;text-align:center}.about-img img{width:90%}}.mission{padding:60px 8%;display:flex;gap:30px;justify-content:center;background:linear-gradient(135deg,#020617,#0f172a)}.mission-card{padding:25px;border-radius:12px;background:#0f172a;color:#fff;max-width:350px;text-align:center;transition:.3s}.mission-card:hover{transform:translateY(-6px);box-shadow:0 0 15px #38bdf880}@media(max-width:768px){.mission{flex-direction:column;align-items:center}}.team{padding:70px 8%;text-align:center;background:linear-gradient(135deg,#020617,#0f172a)}.team h2{margin-bottom:30px;color:#f0f8ff}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.team-card{background:#020617;padding:20px;border-radius:12px;color:#fff;transition:.3s}.team-card img{width:100%;height:180px;object-fit:cover;border-radius:10px}.team-card:hover{transform:translateY(-8px);box-shadow:0 0 15px #38bdf880}@media(max-width:768px){.team-grid{grid-template-columns:1fr}}.stats{padding:60px 8%;display:flex;justify-content:center;gap:40px;text-align:center;background:linear-gradient(135deg,#020617,#0f172a)}.stats h3{font-size:34px;color:#38bdf8}.stats p{margin-top:8px;color:#fff}.about-cta{padding:60px 8%;text-align:center;background:linear-gradient(135deg,#020617,#0f172a);color:#fff}.about-cta a{display:inline-block;margin-top:15px;padding:10px 22px;background:#38bdf8;border-radius:6px;text-decoration:none;color:#000}@media(max-width:768px){.stats{flex-direction:column}}.services-page{padding:80px 8%;text-align:center;background:linear-gradient(135deg,#020617,#0f172a)}.services-page h1{margin-bottom:40px;color:#fff}.services-list{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.service-box{padding:25px;background:#020617;color:#fff;border-radius:12px;transition:.3s}.service-box:hover{transform:translateY(-8px);box-shadow:0 0 15px #38bdf880}@media(max-width:768px){.services-list{grid-template-columns:1fr}}@media(max-width:768px){.whatsapp-wrapper{position:fixed;bottom:80px;right:12px;z-index:9999;bottom:calc(70px + env(safe-area-inset-bottom))}.tooltip{position:absolute;right:60px;top:50%;transform:translateY(-50%);background:#0f172a;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;opacity:0;transition:.3s;white-space:nowrap}.whatsapp-wrapper:hover .tooltip{opacity:1}.whatsapp-float{background:#25d366;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:24px;color:#fff;text-decoration:none;animation:pulse 1.8s infinite}}@keyframes pulse{0%{box-shadow:0 0 #25d366b3}70%{box-shadow:0 0 0 15px #25d36600}to{box-shadow:0 0 #25d36600}}.portfolio-page{padding:80px 8%;text-align:center;background:linear-gradient(135deg,#020617,#0f172a)}.filters{margin-bottom:30px}.filters button{margin:0 8px;padding:8px 18px;border:1px solid #38bdf8;background:transparent;color:#38bdf8;border-radius:20px;cursor:pointer}.filters .active{background:#38bdf8;color:#000}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.portfolio-card{position:relative;border-radius:12px;overflow:hidden}.portfolio-card img{width:100%;height:230px;object-fit:cover}.portfolio-info{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;opacity:0;transition:.3s}.portfolio-card:hover .portfolio-info{opacity:1}.portfolio-info button{padding:8px 18px;background:#38bdf8;border:none;border-radius:6px}@media(max-width:768px){.portfolio-grid{grid-template-columns:1fr}}.contact-page{padding:80px 8%;text-align:center;background:linear-gradient(135deg,#020617,#0f172a);color:#fff}.contact-wrapper{margin-top:40px;display:flex;gap:40px;justify-content:center}.glass{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0d;padding:25px;border-radius:15px;box-shadow:0 0 20px #38bdf84d}.contact-form{display:flex;flex-direction:column;gap:15px;width:350px}.contact-form input,.contact-form textarea{padding:12px;border-radius:6px;border:none}.contact-form button{padding:12px;border:none;background:#38bdf8;border-radius:6px;cursor:pointer}.contact-card{width:300px;text-align:left}.contact-card a{display:inline-block;margin-top:10px;padding:10px 18px;background:#25d366;border-radius:6px;text-decoration:none;color:#fff}@media(max-width:768px){.contact-wrapper{flex-direction:column;align-items:center}}