body{color:#fff;background-color:#000;margin:0;padding:0;font-family:Arial,sans-serif}.navbar{background-color:#0a0a0a;padding:1rem 2rem}.navbar ul{gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.navbar li a{color:#fff;padding:.5rem;font-weight:700;text-decoration:none;transition:color .3s,border-bottom .3s}.navbar li a:hover,.navbar li a.active{border-bottom:2px solid #0ff}header{text-align:center;padding:0}.video-header{justify-content:center;align-items:center;padding:0;display:flex}.header-video{border-radius:8px;width:auto;max-width:100%;height:auto;max-height:250px;margin:0 auto;display:block}.hero{text-align:center;margin-top:0;padding:3rem 2rem}.hero h1{margin-bottom:1rem;font-size:2rem}.hero p{max-width:600px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.2rem}.cta{color:#0a0a0a;background-color:#fff;border-radius:4px;padding:.75rem 1.5rem;font-weight:700;text-decoration:none;transition:background-color .3s;display:inline-block}.cta:hover{background-color:#c1c1c1}.about{text-align:center;max-width:700px;margin:0 auto;padding:3rem 2rem}.tab-section{opacity:0;transition:opacity .3s;display:none}.tab-section.visible{opacity:1;display:block}footer{text-align:center;color:#777;padding:2rem 1rem;font-size:.9rem}@media (max-width:768px){.header-video{max-height:180px}.hero,.about{padding-top:2rem}}