body{margin:0;font-family:Segoe UI,sans-serif;background-color:#121212;color:#fff}a{color:#fff;text-decoration:none;margin-left:1.5rem;transition:color .3s}a:hover{color:#ff4d4d}.app{padding:0}.header{display:flex;justify-content:space-between;align-items:center;padding:2.2rem 5rem;background-color:#181818;border-bottom:1px solid #333}.logo{font-size:1.5rem;font-weight:700}.nav-links{display:flex;align-items:center;gap:2rem}.hero{display:flex;padding:0rem 5rem;justify-content:space-between;align-items:center;background-color:#181818;height:72vh}.hero-left{max-width:50%}.hero-left h1{font-size:3.5rem;margin-bottom:1rem}.hero-left h1 span{color:#e53935}.hero-left p{margin-bottom:1rem;font-size:1.4rem;line-height:1.3}.hero-button{background-color:#ff4d4d;color:#fff;padding:.75rem 1.5rem;border:none;font-size:1rem;border-radius:4px;cursor:pointer}.hero-button:hover{background-color:#e53935}.hero-right{display:flex;justify-content:center;align-items:center;width:50%;height:500px;margin-top:5rem}.section{padding:4rem 2rem;text-align:center;border-top:1px solid #333}svg{display:block;margin:40px auto;width:400px;height:auto;filter:url(#displacementFilter)}polygon{fill:#ff4d4d;stroke:#ff1a1a;stroke-width:2;transition:all .3s ease-in-out;transform-origin:center;animation:pulse 2s infinite ease-in-out}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.square{width:60px;height:60px;background-color:red;margin:10px}.small.justified.row{margin-top:5rem;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:20px}.animation-grid{display:grid;grid-template-columns:repeat(11,1fr);grid-template-rows:repeat(4,1fr);gap:8px;width:fit-content;margin:2rem auto}.animated-box{width:30px;height:30px;background-color:#ff4d4d;border-radius:4px}