*{margin:0;padding:0;box-sizing:border-box}body,html{max-width:100vw;overflow-x:hidden;font-family:Roboto,sans-serif;background:#0f0f0f;color:#fff}::selection{background:rgba(255,188,4,.3);color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#333;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#444}.header{background:linear-gradient(90deg,#1a1a1a,#2c2c2c);position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.3)}.header-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo h4{color:#ffbc04;font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0}.nav-list{display:flex;gap:1.5rem;list-style:none;align-items:center}.nav-list a{color:#fff;text-decoration:none;font-size:.95rem;font-weight:500;transition:all .3s ease;padding:.5rem .75rem;border-radius:4px;white-space:nowrap}.nav-list a:hover{color:#ffbc04;background:hsla(0,0%,100%,.1)}.mobile-nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem}.hamburger{display:block;position:relative}.hamburger,.hamburger:after,.hamburger:before{width:24px;height:2px;background:#fff;transition:all .3s ease}.hamburger:after,.hamburger:before{content:"";position:absolute}.hamburger:before{top:-8px}.hamburger:after{bottom:-8px}@media (max-width:768px){.header-container{padding:1rem}.mobile-nav-toggle{display:block;z-index:2000}.nav{position:fixed;inset:0 0 0 30%;background:rgba(26,26,26,.95);transform:translateX(100%);transition:transform .3s ease-out;padding:6rem 2rem 2rem}.nav[data-visible=true]{transform:translateX(0)}.nav-list{flex-direction:column;gap:1.5rem;text-align:center}.nav-list a{font-size:1.2rem;width:100%;display:block}.nav{inset:0 0 0 20%}}.mobile-nav-toggle[aria-expanded=true] .hamburger{background:transparent}.mobile-nav-toggle[aria-expanded=true] .hamburger:before{transform:rotate(45deg);top:0}.mobile-nav-toggle[aria-expanded=true] .hamburger:after{transform:rotate(-45deg);bottom:0}.footer{background:#1a1a1a;padding:3rem 0;border-top:1px solid hsla(0,0%,100%,.1);width:100%;position:relative}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3rem;gap:3rem}.footer-section{color:#fff}.footer-section h4{color:#ffbc04;font-size:1.2rem;margin-bottom:1.5rem;font-weight:600}.footer-section p{color:#ffffff99;margin-bottom:.5rem;font-size:.9rem}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.75rem}.footer-section ul li a{color:#ffffff99;text-decoration:none;transition:color .3s ease;font-size:.9rem}.footer-section ul li a:hover{color:#ffbc04}.copyright{margin-top:2rem;font-size:.8rem}@media (max-width:768px){.footer-container{grid-template-columns:repeat(2,1fr)}.footer-section:first-child{grid-column:1/-1}}@media (max-width:480px){.footer-container{grid-template-columns:1fr;gap:2rem}.footer{padding:2rem 0}}