*,:before,:after{box-sizing:border-box}html,body{color:#fff;-webkit-font-smoothing:antialiased;background:#000;width:100%;max-width:100vw;margin:0;padding:0;font-family:Roboto Mono,monospace;overflow-x:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00ffff26;border-radius:999px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}button{cursor:pointer;border:none;border-radius:9999px;padding:12px 24px;font-size:16px;font-weight:700;transition:all .25s}.button-gradient{color:#fff;background:linear-gradient(90deg,#7f00ff,#ff0080,#00f0ff);box-shadow:0 0 15px #fff3,0 0 30px #00ffff4d}.button-gradient:hover{transform:scale(1.1);box-shadow:0 0 25px #fff6,0 0 50px #00ffff80}.button-gradient:active{transform:scale(.95)}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:0 16px;display:flex;position:relative;overflow:hidden}.hero video{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute}.hero .overlay{z-index:1;background:#0009;position:absolute;inset:0}.hero-content{z-index:2;color:#fff;width:100%;position:relative}.hero h1{background:linear-gradient(90deg,#7f00ff,#ff0080,#00f0ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:20px;font-size:clamp(2rem,8vw,4rem)}.hero p{color:#ccc;max-width:600px;margin:0 auto 30px;font-size:clamp(.95rem,3vw,1.2rem)}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:12px;padding:0 1rem;display:flex}.main-container{flex-direction:column;width:100%;min-height:100vh;display:flex;overflow-x:hidden}@media (max-width:480px){button{padding:10px 16px;font-size:14px}}