*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background-color:#111;font-family:Poppins,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:1px;text-transform:uppercase;font-family:Bebas Neue,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:root{--black:#111;--dark-grey:#222;--orange:#f7931e;--light-orange:#ffc04d;--white:#fff;--transition:all .3s ease}#root{width:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:#444;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--orange)}.loading-screen{pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}nav a:after{content:"";background:var(--orange);width:0;height:2px;transition:var(--transition);position:absolute;bottom:-5px;left:0}nav a:hover{color:var(--orange)!important}nav a:hover:after{width:100%}section h2:after{content:"";background:var(--orange);width:60px;height:3px;margin:10px auto 0;display:block}.primary_button{color:#111;letter-spacing:2px;background:var(--orange);text-transform:uppercase;cursor:pointer;border:none;border-radius:50px;align-content:center;align-items:center;height:auto;margin:0 auto;padding:15px 40px;font-family:Bebas Neue,sans-serif;font-size:1.3rem;transition:all .3s;display:flex}.primary_button:hover{opacity:.95}.about h2:after{margin:10px 0 0}.hero-image img:hover{transform:rotate(0)scale(1.2)!important}.category-buttons button:hover,.category-buttons button.active{background:var(--orange)!important;border-color:var(--orange)!important;color:var(--black)!important}@media (width<=992px){.hero-content{text-align:center!important;grid-template-columns:1fr!important}.hero-text p{margin:0 auto 30px!important}.hero-image{order:-1!important}.hero-image img{max-width:400px!important;margin:0 auto!important;transform:none!important}.about-grid{text-align:center!important;grid-template-columns:1fr!important}.about h2{text-align:center!important}.about h2:after{margin:10px auto 0}.about img{max-width:500px!important;margin:0 auto!important}}@media (width<=768px){nav{display:none!important}.features .container{grid-template-columns:repeat(2,1fr)!important}.hero-text h1{font-size:3.5rem!important}.footer{grid-template-columns:1fr!important;gap:20px!important}}@media (width<=480px){.hero-text h1{font-size:2.5rem!important}.hero-text h2{font-size:1.5rem!important}section h2{font-size:2rem!important}.category-buttons{gap:10px!important}.category-buttons button{padding:8px 16px!important;font-size:.75rem!important}}