@font-face{font-family:'horizon';src:url(./fonts/horizon.otf) format('opentype');font-weight:normal;font-style:normal}body,html{height:100%;margin:0;padding:0;font-family:'horizon',Arial,sans-serif;overflow:auto}.hero-section{position:relative;background:#000;height:100vh;color:#fff;text-align:center;display:flex;justify-content:center;align-items:center}.video-container{position:relative;width:90%;height:80%;background:#000;overflow:hidden}.video-background{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-desktop{display:block}.video-mobile{display:none}.overlay{background:rgba(0,0,0,.4);position:absolute;top:0;left:0;width:100%;height:100%}.text-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10vw;font-weight:bold}.top-bar{position:absolute;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 20px 0 20px}.top-bar img{height:75px;width:auto}.btn-join{display:flex;align-items:center;background-color:transparent;color:#fff;border:2px solid #fff;border-radius:50px;padding:5px 10px;font-size:1rem;font-weight:bold;text-transform:uppercase}.btn-join .arrow{margin-left:5px;font-size:1.2rem;font-weight:bold}.btn-join:hover{color:#000;background-color:#fff}.sound-icon{position:absolute;top:98px;right:10px;background: rgb(255 255 255);color:#000;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:2.4rem;padding:0}.sound-icon .bi::before{vertical-align:0}.social-icons{position:absolute;bottom:80px;right:10px;display:flex;flex-direction:column;gap:5px}.social-icons a{color:#fff;font-size:2.5rem;text-decoration:none}.social-icons a:hover{color:#ffc107}.copyright{position:absolute;bottom:10px;right:10px;text-align:right;font-size:.6rem;color:#fff}.join-now-button{border:2px solid #fff;border-radius:50px;text-decoration:none;color:#fff;font-weight:bold;font-size:23px;letter-spacing:2px;text-transform:uppercase;position:relative;padding:5px 30px;transition:background-color .3s ease , color .3s ease}.button-text{}.circle{width:70px;height:50px;background-color:#000;color:#fff;border:3px solid #fff;border-radius:50%;display:flex;justify-content:center;align-items:center;position:absolute;right:-2px;top:50%;transform:translateY(-50%);transition:background-color .3s ease , color .3s ease , transform .3s ease}.join-now-button:hover{background-color:#fcc741;color:#000;border-color:#fcc741}.join-now-button:hover .circle{background-color:#fff;color:#000;border:0}.circle i{font-size:20px}@media (max-width:768px){.hero-section{height:100vh}.video-desktop{display:none}.video-mobile{display:block}.video-container{width:80%;height:75%}.text-content{font-size:8vw}.top-bar img{height:30px}.btn-join{padding:5px 8px;font-size:.9rem}.sound-icon{top:100px;right:0;width:35px;height:35px;font-size:2.1rem;padding:0}.social-icons{bottom:85px;right:2px;z-index:999}.social-icons a{font-size:1.8rem}.button-text{margin-left:0}.circle{width:50px;height:48px}.join-now-button{width:162px;font-size:13px;padding:5px 10px}.circle i{font-size:18px}}