:root{--color-primary: #00897b;--color-secondary: #006c60;--color-accent: #00897b;--color-accent-dark: #006c60}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.6}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-image:radial-gradient(circle at 10% 20%,rgba(0,137,123,.04) 0%,transparent 20%),radial-gradient(circle at 90% 30%,rgba(0,137,123,.04) 0%,transparent 20%),radial-gradient(circle at 30% 70%,rgba(0,137,123,.04) 0%,transparent 30%),radial-gradient(circle at 80% 80%,rgba(0,137,123,.04) 0%,transparent 20%);animation:backgroundShift 30s infinite alternate ease-in-out}@keyframes backgroundShift{0%{background-position:0% 0%}to{background-position:100% 100%}}@keyframes particlesFloat{0%{background-position:0 0}to{background-position:500px 500px}}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulseArrow{0%{transform:translateY(0);opacity:.7}50%{transform:translateY(5px);opacity:1}to{transform:translateY(0);opacity:.7}}@keyframes shine{0%{left:-100%;opacity:0}10%{opacity:.5}20%{opacity:0}to{left:100%;opacity:0}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}a{text-decoration:none;color:var(--color-text);transition:color .3s ease}a:hover{color:#fffc}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:60px 0}.text-gradient{background:linear-gradient(135deg,#fff 50%,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-intro{text-align:center;margin:0 auto 3rem;color:var(--color-text-muted);padding:0 1rem}.intro-content p{text-align:center}.header{position:sticky;top:0;z-index:1000;padding:2rem 0;background-color:#1e1e1e}.header h1{font-size:1.8rem;margin-bottom:1rem;background:linear-gradient(to right,#fff,var(--color-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-content{display:flex;justify-content:space-between;align-items:center}.header-scrolled{background-color:#303030f2;box-shadow:0 5px 20px #0003;padding:1rem 0}.header-hidden{transform:translateY(-100%)}.logo-text{background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-dot{background-color:var(--color-accent)}nav ul{display:flex;list-style:none;gap:2rem}nav a{color:var(--color-text);text-decoration:none;font-weight:500;transition:color .3s}nav a:hover{color:#fff}.nav-link:hover,.nav-links li.active .nav-link{color:var(--color-text)}.nav-indicator{background-color:var(--color-text)}.mobile-menu-button{display:none}.hero{height:100vh;display:flex;align-items:center;text-align:center;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2300897b' fill-opacity='0.05' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");z-index:-1;opacity:.3;animation:particlesFloat 60s linear infinite}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.animated-gradient{position:absolute;width:100%;height:100%;background:linear-gradient(45deg,#3a3f47b3,#00897b26,#4a4f571a);background-size:400% 400%;animation:gradientFlow 15s ease infinite}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0f1218b3}.hero-title{font-size:clamp(2.5rem,8vw,4.5rem);margin-bottom:2rem;line-height:1.2}.hero-subtitle{font-size:clamp(1rem,3vw,1.3rem);max-width:800px;margin:0 auto 2.5rem;color:var(--color-text-muted)}.hero-cta{display:flex;gap:1rem;justify-content:center;margin-bottom:4rem}.hero-scroll-indicator{display:flex;flex-direction:column;align-items:center;margin-top:3rem;cursor:pointer;opacity:.7;transition:all .3s ease;padding:10px}.hero-scroll-indicator:hover{opacity:1;transform:translateY(5px)}.hero-scroll-indicator span{margin-bottom:.5rem;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.hero-scroll-indicator .pulse-effect{animation:pulseArrow 2s infinite}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:4px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-primary{background:var(--color-primary);color:var(--color-text);border:none;box-shadow:0 4px 15px #0003}.btn-secondary{background-color:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-primary:hover{background:var(--color-secondary);transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.btn-secondary:hover{background-color:#00897b1a;transform:translateY(-2px);color:var(--color-primary)}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 10px #0003}.btn-primary .btn-text,.btn-primary .btn-icon{position:relative;z-index:1}.btn-primary .btn-icon{margin-left:8px;display:inline-flex;align-items:center}.btn-primary:after,.btn-secondary:after,.form-group input:focus:after,.form-group select:focus:after,.form-group textarea:focus:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(60deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:shine 3s infinite;pointer-events:none}.services{padding:5rem 0;position:relative;overflow:hidden}.services h2{font-size:2.5rem;margin-bottom:3rem;color:var(--color-primary)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.service-card,.pricing-card,.form-container{background:var(--color-card-bg);border-radius:8px;padding:2rem;border:1px solid var(--color-card-border);box-shadow:0 5px 15px #0000001a;background:linear-gradient(145deg,#ffffff05,#ffffff0d);border-top:2px solid var(--color-primary);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;z-index:2;transition:transform .4s ease,box-shadow .4s ease,border-color .3s ease}.service-card:hover,.pricing-card:hover{box-shadow:0 10px 25px #00897b40;border-color:var(--color-primary);z-index:3}.service-card:hover,.pricing-card:hover{transform:scale(1.02)}.service-icon{margin-bottom:1rem;display:inline-block;color:#fff;font-size:2.5rem;-webkit-text-fill-color:white}.service-icon svg{width:40px;height:40px;stroke:#fff}.service-card h3{margin-bottom:.5rem;color:var(--color-primary)}.service-card p{color:var(--color-text-muted)}svg{stroke:var(--color-text)}.pricing{padding:6rem 0 8rem;position:relative;margin-bottom:2rem}.pricing h2{font-size:2.5rem;margin-bottom:1.5rem;padding:0 1rem;text-align:justify;line-height:1.2;max-width:100%}.pricing-categories{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-bottom:3rem;margin-top:2rem}.introduction{margin-top:5rem}h2{padding-bottom:5px;text-align:justify}.category-btn{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-text);padding:.75rem 1.25rem;border-radius:4px;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif;font-weight:400;position:relative;overflow:hidden}.category-btn:hover:not(.active){background:#ffffff1a;transform:translateY(-2px)}section{-webkit-user-select:none;user-select:none}.category-btn.active{background-color:var(--color-primary);border-color:var(--color-primary);font-family:var(--font-secondary);font-weight:600;letter-spacing:.3px;transform:translateY(-2px);box-shadow:0 5px 15px #00897b33}.category-icon{display:flex;align-items:center;color:var(--color-primary)}.category-btn.active .category-icon{color:#fff}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.popular-badge{position:absolute;top:-12px;right:20px;background-color:var(--color-primary);color:#fff;padding:.25rem 1rem;font-size:.8rem;border-radius:20px;font-weight:600;box-shadow:0 3px 10px #00897b33}.pricing-card.popular{border-color:var(--color-primary);border-top:2px solid var(--color-primary);box-shadow:0 8px 30px #00897b26}.pricing-card h3{font-size:1.5rem;margin-bottom:1rem}.price{font-size:2rem;font-weight:700;color:var(--color-primary);margin-bottom:2rem}.features{list-style:none;margin-bottom:2rem}.features li{padding:.5rem 0 .5rem 1.5rem;color:var(--color-text-muted);position:relative}.features li:before{content:"✓";color:var(--color-primary);position:absolute;left:0;font-weight:700}.price-note{color:var(--color-primary);font-size:.85rem;margin-bottom:1.5rem;font-weight:500;font-style:italic;padding:3px 8px;display:inline-block;background:#00897b1a;border-radius:4px}.testimonials{padding:5rem 0;background:transparent!important}.testimonial-card{background:#ffffff14;border-radius:10px;padding:2rem;margin:1rem 0;box-shadow:0 8px 20px #00000026;border-top:2px solid var(--color-primary);transition:transform .3s ease,box-shadow .3s ease}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px #00897b40}.testimonial-content{color:var(--color-text)}.quote-icon{color:var(--color-primary);margin-bottom:1rem}.testimonial-author h5{color:var(--color-primary);margin-top:1.5rem;font-weight:600}.contact{padding:6rem 0}.contact-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem}.contact-info h2{margin-bottom:1.5rem}.contact-details{margin-top:2.5rem}.detail-item{margin-bottom:1.5rem}.detail-item h4{color:var(--color-text);margin-bottom:.5rem}.form-group{margin-bottom:1.5rem;position:relative}.form-group label{display:block;margin-bottom:.75rem;font-weight:500;font-size:.95rem;letter-spacing:.5px;color:var(--color-text);transition:transform .3s,color .3s}.form-group input,.form-group textarea,.form-group select{width:100%;padding:1rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#0a84ff0d;color:var(--color-text);font-family:var(--font-primary);transition:all .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #00897b33}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right .7em top 50%;background-size:1em auto;padding-right:2.5em;cursor:pointer;background-color:#303030cc;border:1px solid var(--color-primary);background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2300897b%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E)}.form-group select option{background-color:#303030;padding:12px;color:var(--color-text)}.form-group select:hover,.form-group select:focus{background-color:#0a84ff1a;box-shadow:0 4px 10px #0a84ff33}.form-success{text-align:center;padding:3rem 1rem}.form-success h3{font-size:1.75rem;color:var(--color-primary);margin-bottom:1rem}.full-width{width:100%}.footer{background-color:#1e1e1e;padding:20px 0;text-align:center}footer{padding:2rem 0;text-align:center;border-top:1px solid rgba(255,255,255,.05);margin-top:3rem}footer p{color:var(--color-text-muted)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:3rem}.footer-column h3,.footer-column h4{color:var(--color-text);margin-bottom:1.5rem}.footer-column ul{list-style:none;padding:0}.footer-column li{margin-bottom:.5rem}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;flex-wrap:wrap;gap:1rem}.legal-links{display:flex;gap:1rem}.footer-column a,.legal-links a,.footer a[href^="mailto:code.toile@gmail.com"],.footer-links a{color:var(--color-primary)!important;transition:opacity .3s ease}.footer-column a:hover,.legal-links a:hover,.footer a[href^="mailto:code.toile@gmail.com"]:hover,.footer-links a:hover{opacity:.8;text-decoration:underline}.social-link:hover{background-color:var(--color-primary)}.hero,.services,.pricing,.contact{position:relative;overflow:hidden}.app{position:relative;overflow-x:hidden}.legal-page,.local-page{animation:slideInFromTop .5s cubic-bezier(.33,1,.68,1)}.hidden{opacity:0;transition:opacity .8s ease}.visible{opacity:1}@media (max-width: 768px){.hero-cta{flex-direction:column;align-items:center;gap:1rem}.footer-bottom{flex-direction:column;text-align:center}.mobile-menu-button{display:block;background:transparent;border:none;cursor:pointer;z-index:1001}.hamburger-icon{width:24px;height:18px;position:relative}.hamburger-icon span{display:block;height:2px;width:100%;background:var(--color-text);position:absolute;transition:all .3s ease}.hamburger-icon span:nth-child(1){top:0}.hamburger-icon span:nth-child(2){top:8px}.hamburger-icon span:nth-child(3){top:16px}.mobile-menu-button.active .hamburger-icon span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-button.active .hamburger-icon span:nth-child(2){opacity:0}.mobile-menu-button.active .hamburger-icon span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.main-nav{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:var(--color-bg);display:flex;align-items:center;justify-content:center;transition:right .3s ease;z-index:1000}.main-nav.open{right:0}.main-nav ul{flex-direction:column;text-align:center}.main-nav li{margin:1.5rem 0}}