*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#0a0a0a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}body.is-loading{overflow:hidden}.hero{background:linear-gradient(135deg,#1e1e1e 0%,#0a0a0a 100%);border-bottom:1px solid #333;justify-content:center;align-items:center;height:100vh;display:flex}.hero h1{letter-spacing:-2px;margin-bottom:1rem;font-size:4rem;font-weight:700}.hero p{color:#888;text-align:center;max-width:600px;font-size:1.25rem}.video-container{background:#000;width:100%;height:100vh;position:relative}.video-wrapper{z-index:1;background:#000;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative}video{aspect-ratio:16/9;border-radius:12px;width:90%;max-width:1200px;height:auto;box-shadow:0 20px 60px #000c}.scroll-hint{text-align:center;color:#666;pointer-events:none;animation:2s infinite bounce;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-hint.is-loading{animation:1.2s ease-in-out infinite pulse}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-10px)}}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}.footer{text-align:center;background:linear-gradient(135deg,#1e1e1e 0%,#0a0a0a 100%);border-top:1px solid #333;padding:4rem 2rem}.footer h2{margin-bottom:1rem;font-size:2rem}.footer p{color:#888;max-width:600px;margin:0 auto}