*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #dc2626;--secondary-color: #1e293b;--text-color: #334155;--bg-light: #f8fafc;--border-color: #e5e7eb;--shadow: 0 1px 3px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--text-color);background-color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background:#fff;box-shadow:var(--shadow);position:sticky;top:0;z-index:100}.nav-wrapper{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.logo{font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{color:var(--text-color);text-decoration:none;font-weight:500;transition:color .3s}.nav-links a:hover{color:var(--primary-color)}.hero{background:linear-gradient(135deg,#dc2626,#f97316);color:#fff;padding:100px 0;text-align:center;position:relative;overflow:hidden;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.hero-content:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:radial-gradient(circle at 15% 25%,rgba(255,255,255,.25) 3px,transparent 3px),radial-gradient(circle at 85% 75%,rgba(255,200,100,.2) 4px,transparent 4px),radial-gradient(circle at 65% 15%,rgba(255,255,255,.3) 2px,transparent 2px),radial-gradient(circle at 35% 65%,rgba(255,180,80,.22) 3px,transparent 3px),radial-gradient(circle at 90% 20%,rgba(255,255,255,.18) 2px,transparent 2px);background-size:400px 400px,350px 350px,300px 300px,450px 450px,250px 250px;animation:sparkles 12s ease-in-out infinite;pointer-events:none;transform:translateZ(0);will-change:transform;z-index:1}@keyframes sparkles{0%{transform:translateZ(0);opacity:.3}25%{transform:translate3d(-30px,-150px,0);opacity:.8}50%{transform:translate3d(-50px,-200px,0);opacity:1}75%{transform:translate3d(-70px,-180px,0);opacity:.6}to{transform:translate3d(-100px,-50px,0);opacity:0}}.hero-content:before{will-change:transform}.hero-content h1{will-change:filter,transform}.cta-button{will-change:transform,box-shadow}@media (prefers-reduced-motion: reduce){.hero{animation:none}.hero-content:before{animation:none;will-change:auto}.hero-content h1{animation:none;filter:drop-shadow(0 0 20px rgba(255,255,255,.5));will-change:auto}.cta-button:before{transition:none}.cta-button{will-change:auto}}.hero-content{position:relative;z-index:2}.hero-content h1{font-size:3rem;margin-bottom:1rem;font-weight:700;filter:drop-shadow(0 0 20px rgba(255,255,255,.5)) drop-shadow(0 0 40px rgba(251,191,36,.3)) drop-shadow(0 0 60px rgba(239,68,68,.2));animation:textGlowOptimized 4s cubic-bezier(.4,0,.6,1) infinite alternate;transform:translateZ(0);will-change:transform;position:relative}.hero-content h1:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;animation:glowOverlay 4s cubic-bezier(.4,0,.6,1) infinite alternate;will-change:opacity,transform;transform:translateZ(0);pointer-events:none}@keyframes textGlowOptimized{0%{transform:translateZ(0)}to{transform:translate3d(0,-2px,0)}}@keyframes glowOverlay{0%{opacity:0;transform:translateZ(0)}to{opacity:1;transform:translate3d(0,-2px,0)}}.hero-subtitle{font-size:1.25rem;margin-bottom:2rem;opacity:.9}.cta-button{display:inline-block;background:#fff;color:var(--primary-color);padding:12px 30px;border-radius:5px;text-decoration:none;font-weight:600;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s,color .3s;box-shadow:0 4px 15px #dc262633}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(251,191,36,.4),transparent);transition:transform .5s cubic-bezier(.4,0,.2,1);transform:translateZ(0)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #dc262666,0 0 20px #fbbf2499;color:#b91c1c}.cta-button:hover:before{transform:translate3d(200%,0,0)}.services{padding:80px 0;background:var(--bg-light)}.services h2,.about h2,.contact h2{font-size:2.5rem;text-align:center;margin-bottom:3rem;color:var(--secondary-color)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.service-card{background:#fff;padding:2rem;border-radius:10px;box-shadow:var(--shadow);text-align:center;transition:transform .3s,box-shadow .3s}.service-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #dc262626,0 0 20px #f973161a;border:1px solid rgba(220,38,38,.1)}.service-icon{font-size:3rem;margin-bottom:1rem}.service-card h3{font-size:1.25rem;margin-bottom:1rem;color:var(--secondary-color)}.about{padding:80px 0;background:#fff}.about-content{max-width:800px;margin:0 auto}.about-text h3{font-size:1.75rem;margin-bottom:1rem;color:var(--secondary-color)}.about-text p{margin-bottom:1.5rem}.features-list{list-style:none;margin-top:2rem}.features-list li{padding:.5rem 0;font-size:1.1rem}.contact{padding:80px 0;background:var(--bg-light)}.contact-intro{text-align:center;margin-bottom:3rem;font-size:1.1rem}.contact-form{max-width:600px;margin:0 auto;background:#fff;padding:2rem;border-radius:10px;box-shadow:var(--shadow)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--secondary-color)}.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:5px;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.required{color:#ef4444}.submit-button{width:100%;background:var(--primary-color);color:#fff;padding:12px;border:none;border-radius:5px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .3s}.submit-button:hover{background:#b91c1c}footer{background:var(--secondary-color);color:#fff;text-align:center;padding:2rem 0}@media (max-width: 768px){.nav-links{gap:1rem;font-size:.9rem}.hero-content h1{font-size:2rem}.hero-subtitle{font-size:1rem}.services h2,.about h2,.contact h2{font-size:2rem}.services-grid{grid-template-columns:1fr}.contact-form{padding:1.5rem}}@media (max-width: 480px){.nav-wrapper{flex-direction:column;gap:1rem}.hero{padding:60px 0}.hero-content h1{font-size:1.75rem}}
