@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--red-primary: #DC2626;--red-hover: #B91C1C;--red-light: #FEE2E2;--white: #FFFFFF;--gray-light: #F9FAFB;--gray-text: #6B7280;--gray-dark: #374151;--black-soft: #111827;--scroll-progress-height: 3px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--black-soft);background-color:var(--white);overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{position:fixed;width:100%;top:var(--scroll-progress-height);z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1)}header.scrolled{background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 3px #0000001a}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;max-width:1280px;margin:0 auto}.logo h1{color:var(--red-primary);font-size:1.5rem;font-weight:700;transition:color .3s}header.scrolled .logo h1{color:var(--red-primary)}.nav-menu{display:flex;list-style:none;gap:2.5rem;align-items:center}.nav-menu a{color:var(--gray-dark);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .3s;position:relative}.nav-menu a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--red-primary);transition:width .3s ease}.nav-menu a:hover,.nav-menu a.active{color:var(--red-primary)}.nav-menu a:hover:after,.nav-menu a.active:after{width:100%}.mobile-menu-toggle{display:none;flex-direction:column;cursor:pointer;gap:5px;z-index:1001}.mobile-menu-toggle span{width:25px;height:2px;background-color:var(--red-primary);transition:all .3s}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.hero{background:linear-gradient(135deg,#fee2e2,#fff,#f9fafb);padding:180px 20px 120px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(220,38,38,.1) 0%,transparent 70%);border-radius:50%;animation:float 8s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(-30px,-30px)}}.hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.hero-content h2{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--black-soft);line-height:1.2}.hero-content p{font-size:1.25rem;margin-bottom:2.5rem;color:var(--gray-text);font-weight:400}.btn{display:inline-block;padding:14px 36px;background:linear-gradient(135deg,var(--red-primary) 0%,var(--red-hover) 100%);color:var(--white);text-decoration:none;border-radius:12px;font-weight:600;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #dc26264d;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #dc262666}.about{padding:120px 20px;background-color:var(--white)}.about h2{font-size:2.75rem;font-weight:700;text-align:center;margin-bottom:3rem;color:var(--black-soft)}.about p{font-size:1.125rem;text-align:center;max-width:800px;margin:0 auto 1.5rem;color:var(--gray-text);line-height:1.8}.services{padding:120px 20px;background-color:var(--gray-light)}.services h2{font-size:2.75rem;font-weight:700;text-align:center;margin-bottom:4rem;color:var(--black-soft)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;max-width:1200px;margin:0 auto}.service-card{background:var(--white);padding:3rem 2.5rem;border-radius:16px;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.05);box-shadow:0 1px 3px #0000001a;cursor:pointer}.service-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 20px 40px #dc262626;border-color:var(--red-light)}.service-card .icon{width:60px;height:60px;margin:0 auto 1.5rem;color:var(--red-primary);transition:transform .3s}.service-card:hover .icon{transform:scale(1.1) rotate(5deg)}.service-card h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--black-soft)}.service-card p{font-size:1rem;color:var(--gray-text);line-height:1.7}.contact{padding:120px 20px;background-color:var(--white)}.contact h2{font-size:2.75rem;font-weight:700;text-align:center;margin-bottom:3rem;color:var(--black-soft)}.contact-info{text-align:center;font-size:1.125rem;max-width:600px;margin:0 auto}.contact-info p{margin-bottom:1.5rem;color:var(--gray-text);display:flex;align-items:center;justify-content:center;gap:12px}.contact-info .icon{width:24px;height:24px;color:var(--red-primary)}.contact-info strong{color:var(--black-soft);font-weight:600}footer{background-color:var(--black-soft);color:var(--white);text-align:center;padding:3rem 2rem}footer p{font-size:.95rem;opacity:.8}@media(max-width:768px){.navbar{padding:1rem 1.5rem}.nav-menu{position:fixed;left:-100%;top:73px;flex-direction:column;background-color:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;text-align:center;transition:left .3s;box-shadow:0 4px 6px #0000001a;padding:2rem 0;gap:1.5rem}.nav-menu.active{left:0}.mobile-menu-toggle{display:flex}.hero{padding:140px 20px 80px}.hero-content h2{font-size:2.25rem}.hero-content p{font-size:1.1rem}.about h2,.services h2,.contact h2{font-size:2rem}.services-grid{grid-template-columns:1fr}.service-card{padding:2.5rem 2rem}.contact-info p{flex-direction:column;gap:8px}}html{scroll-behavior:smooth}