@import "https://fonts.googleapis.com/css2?family=Michroma&family=Inter:wght@300;400;500;600&display=swap";
:root{--font-heading:"Michroma",sans-serif;--font-body:"Inter",sans-serif;--color-white:#fff;--color-black:#000;--color-overlay:#00000080;--nav-height:90px}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-body);background-color:var(--color-black);color:var(--color-white);overflow-x:hidden}.hero{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.video-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.bg-video{object-fit:cover;width:100%;height:100%}.overlay{z-index:2;background:#00000080;width:100%;height:100%;position:absolute;top:0;left:0}.vignette{z-index:3;background:radial-gradient(circle,#0000 0%,#000c 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:10;text-align:center;width:100%;padding:0 20px;position:relative}.hero-title{font-family:var(--font-heading);color:var(--color-white);opacity:0;max-width:1200px;margin:0 auto;font-size:4rem;font-weight:400;line-height:1.2}@media (max-width:768px){.hero-title{font-size:2.5rem}.navbar{padding:0 1rem}.btn-start{padding:.5rem 1rem;font-size:.75rem}}