.hero-section{background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.8)),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="800" viewBox="0 0 1200 800"><rect width="1200" height="800" fill="%23212121"/><path d="M0,400 C200,300 400,700 600,400 C800,100 1000,500 1200,400 L1200,800 L0,800 Z" fill="%23DC143C" opacity="0.3"/><circle cx="300" cy="200" r="50" fill="%23DC143C" opacity="0.2"/><circle cx="900" cy="300" r="70" fill="%23DC143C" opacity="0.2"/></svg>');background-size:cover;background-position:50%;height:50vh;margin-top:0;padding-top:50px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fffef1;position:relative;border-bottom:3px solid var(--brand-red);overflow:hidden;transition:background-position .5s ease;perspective:1000px;box-sizing:border-box;will-change:transform,background-position}.hero-section:before{content:"";position:absolute;top:-10%;left:-10%;width:120%;height:120%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle cx="50" cy="50" r="1.5" fill="%23DC143C" opacity="0.5"/></svg>');background-size:100px 100px;animation:floatingDots 60s linear infinite;pointer-events:none;z-index:1}@keyframes floatingDots{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hero-section:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:10px;background:linear-gradient(to right,transparent,var(--brand-red),transparent);opacity:.6;z-index:2}.hero-content{max-width:800px;padding:0 2rem;z-index:3;position:relative;transform-style:preserve-3d;will-change:transform,opacity}.hero-section h1{font-size:3rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.7);font-weight:700;letter-spacing:-1px}.hero-section h1,.hero-section p{transform-style:preserve-3d;will-change:transform,opacity;opacity:0}.hero-section p{font-size:1.3rem;margin-bottom:1.5rem;text-shadow:1px 1px 2px rgba(0,0,0,.7);font-weight:300;letter-spacing:.5px}.hero-decoration{height:3px;background-color:var(--brand-red);margin:0 auto;position:relative;overflow:hidden;border-radius:2px;will-change:width,opacity;width:0;opacity:0}.hero-decoration:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.7),transparent);animation:shine 2s infinite}@keyframes shine{0%{left:-100%}to{left:200%}}.hero-particles-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.hero-particle{position:absolute;border-radius:50%;background-color:#dc143c;will-change:transform;box-shadow:0 0 10px rgba(220,20,60,.6);pointer-events:none;transform:translateZ(0);transition:all .3s ease;animation:float 3s ease-in-out infinite;animation-delay:calc(var(--particle-index, 0) * .1s)}@keyframes float{0%,to{transform:translateY(0) translateX(0)}25%{transform:translateY(-5px) translateX(3px)}50%{transform:translateY(5px) translateX(-3px)}75%{transform:translateY(-2px) translateX(-2px)}}.hero-section:hover .hero-decoration{box-shadow:0 0 15px rgba(220,20,60,.8)}.hero-section:hover h1{text-shadow:3px 3px 6px rgba(0,0,0,.8)}.hero-section:hover p{text-shadow:2px 2px 4px rgba(0,0,0,.8)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:992px){.hero-section{height:45vh;padding-top:45px}.hero-section h1{font-size:2.5rem}.hero-section p{font-size:1.1rem}}@media (max-width:767px){.hero-section{height:40vh;padding-top:0}.hero-section h1{font-size:2rem}.hero-section p{font-size:1rem}}.dynostand-link{display:inline-block;background:var(--brand-red);color:#fff;padding:8px 12px;border-radius:6px;text-decoration:none}