.video-landing{position:relative;width:100vw;height:100vh;overflow:hidden}.video-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-video{width:100%;height:100%;object-fit:cover;object-position:center}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000004d,#0000001a,#0009)}.content{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 3rem}.logo{font-size:1.25rem;font-weight:700;color:#fff;letter-spacing:.15em}.nav-links{display:flex;gap:2rem}.nav-links a{color:#ffffffd9;text-decoration:none;font-size:.95rem;font-weight:500;letter-spacing:.05em;transition:color .3s ease}.nav-links a:hover{color:#fff}.hero-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 2rem;margin-bottom:2rem}.hero-title{font-size:clamp(2.5rem,8vw,6rem);font-weight:800;color:#fff;letter-spacing:.05em;margin-bottom:1rem;text-shadow:0 2px 20px rgba(0,0,0,.3)}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.5rem);color:#ffffffe6;font-weight:300;letter-spacing:.1em;margin-bottom:2.5rem}.cta-button{display:inline-block;padding:.9rem 2.5rem;border:2px solid rgba(255,255,255,.8);color:#fff;text-decoration:none;font-size:1rem;font-weight:600;letter-spacing:.1em;border-radius:50px;transition:all .3s ease}.cta-button:hover{background:#fff;color:#1a1a1a}.scroll-hint{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding-bottom:2rem;animation:fadeInOut 3s ease-in-out}.scroll-hint span{color:#ffffffb3;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase}.scroll-arrow{width:20px;height:20px;border-right:2px solid rgba(255,255,255,.7);border-bottom:2px solid rgba(255,255,255,.7);transform:rotate(45deg);animation:bounce 2s infinite}@keyframes fadeInOut{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes bounce{0%,20%,50%,80%,to{transform:rotate(45deg) translateY(0)}40%{transform:rotate(45deg) translateY(8px)}60%{transform:rotate(45deg) translateY(4px)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#root{width:100vw;height:100vh}