*{box-sizing:border-box;margin:0}.App{background-color:rgba(0,0,0,.1);text-align:center}body{background-color:#0f121f}.landing-container{grid-gap:10px;display:grid;grid-template-columns:1fr;height:100vh;min-height:calc(100vh - 10px);padding:10px;width:100vw}.left-column{display:grid;grid-template-rows:65% 35%}.top-section{align-items:center;background-position:50%;background-size:cover;display:flex;flex-direction:column;justify-content:center;margin-bottom:10px;position:relative}.bottom-section{grid-gap:10px;display:grid;grid-template-columns:1fr 1fr;height:100%;overflow:hidden}.bottom-left,.bottom-right{align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative}.bottom-left{background:linear-gradient(0deg,rgba(75,172,94,.5),rgba(11,79,29,.5))}.bottom-right{background:linear-gradient(0deg,rgba(129,81,235,.5),rgba(60,16,154,.5))}.app-logo{animation:logo-pulse 3s ease-in-out infinite alternate;filter:drop-shadow(0 0 10px rgba(255,255,255,.5));width:500px}.host-image,.player-image{height:auto;max-height:90%;object-fit:contain;width:90%}.section-title{font-size:2.5rem;font-weight:700;letter-spacing:3px;opacity:.85;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);z-index:10}.legal-text,.section-title{color:#fff;font-family:Poppins,Roboto,sans-serif;left:50%;position:absolute;text-shadow:0 0 8px rgba(0,0,0,.6)}.legal-text{bottom:20px;font-size:.85rem;font-weight:400;letter-spacing:.5px;line-height:1.5;max-width:600px;opacity:.7;text-align:center;transform:translateX(-50%);width:90%}@keyframes logo-pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.navbar{justify-content:space-between;left:0;padding:1rem 2rem;position:absolute;top:10px;width:100%;z-index:100}.navbar,.navbar-logo{align-items:center;display:flex}.nav-logo{filter:drop-shadow(0 0 4px rgba(255,255,255,.3));height:40px}.navbar-links{display:flex;list-style:none;margin:0;padding:0}.navbar-links li{margin-left:2rem}.navbar-links a{border:2px solid #ce0f0f;border-radius:15px;color:#fff;font-family:Poppins,Roboto,sans-serif;font-size:.8rem;font-weight:500;letter-spacing:1px;padding:10px;text-decoration:none;transition:color .3s ease}.navbar-links a.active,.navbar-links a:hover{color:#ce0f0f}.social-links,.social-links button{align-items:center;display:flex}.social-links button{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;height:35px;justify-content:center;margin-left:1rem;padding:.5rem;transition:all .3s ease;width:35px}.social-links button:hover{background-color:rgba(206,15,15,.8);transform:translateY(-2px)}@media (max-width:768px){body{margin:0;overflow:hidden;padding:0}.landing-container{grid-template-columns:1fr;grid-template-rows:1fr;height:96vh;margin:2vh auto;overflow:hidden;padding:0 5px}.left-column{display:flex;flex-direction:column;height:100%;overflow:hidden}.right-column{display:none}.top-section{display:flex;flex:0 0 auto;flex-direction:column;justify-content:center;min-height:63vh;overflow:hidden;padding:clamp(1rem,3vh,2rem) 1rem}.bottom-section{flex:0 0 auto;gap:5px;grid-template-columns:1fr;grid-template-rows:1fr 1fr;height:22vh;min-height:10px;overflow:hidden}.section-title{font-size:clamp(1.2rem,4vw,1.8rem);left:50%;letter-spacing:2px;top:50%;transform:translate(-50%,-50%);width:100%}.legal-text{bottom:10px;font-size:clamp(.6rem,2vw,.75rem);padding:0 10px;width:95%}.navbar{align-items:center;flex-direction:column;padding:clamp(.5rem,2vh,1rem);position:relative;top:0}.navbar-logo{margin-bottom:.5rem;order:1}.nav-logo{height:clamp(25px,5vh,35px)}.navbar-links{flex-wrap:wrap;justify-content:center;margin-bottom:.5rem;order:2}.navbar-links li{margin:.25rem}.navbar-links a{font-size:clamp(.5rem,1.5vw,.7rem);padding:clamp(6px,1.5vh,8px) clamp(8px,2vw,12px)}.social-links{justify-content:center;margin-top:0;order:3}.social-links button{height:clamp(28px,6vw,35px);margin:0 .5rem;width:clamp(28px,6vw,35px)}}@media (max-width:480px){.landing-container{padding:2px}.app-logo{max-width:280px;width:90%}.section-title{font-size:1.4rem;letter-spacing:1px}.legal-text{font-size:.7rem}.navbar{padding:.5rem}.navbar-links a{font-size:.65rem;padding:6px 10px}.social-links button{height:28px;width:28px}}.glass-base{-webkit-backdrop-filter:blur(15px) saturate(180%);backdrop-filter:blur(15px) saturate(180%);border:1px solid hsla(0,0%,100%,.12);overflow:hidden;position:relative}.glass-light{-webkit-backdrop-filter:blur(2px) saturate(150%);backdrop-filter:blur(2px) saturate(150%);background:linear-gradient(135deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.08));border:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 16px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.06)}.glass-medium{-webkit-backdrop-filter:blur(5px) saturate(180%);backdrop-filter:blur(5px) saturate(180%);background:linear-gradient(135deg,rgba(241,242,246,.1),rgba(15,18,31,.6));border:1px solid hsla(0,0%,100%,.08);box-shadow:0 6px 24px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.05)}.glass-strong{-webkit-backdrop-filter:blur(10px) saturate(180%);backdrop-filter:blur(10px) saturate(180%);background:linear-gradient(135deg,rgba(25,28,41,.5),rgba(15,18,31,.7));border:1px solid hsla(0,0%,100%,.12);box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.08)}.glass-blue{background:linear-gradient(135deg,rgba(52,152,219,.3),rgba(33,150,243,.2));border-color:rgba(33,150,243,.4);box-shadow:0 4px 16px rgba(33,150,243,.2),inset 0 1px 0 hsla(0,0%,100%,.1)}.glass-blue,.glass-green{-webkit-backdrop-filter:blur(10px) saturate(150%);backdrop-filter:blur(10px) saturate(150%)}.glass-green{background:linear-gradient(135deg,rgba(46,204,113,.3),rgba(76,175,80,.2));border-color:rgba(76,175,80,.4);box-shadow:0 4px 16px rgba(76,175,80,.2),inset 0 1px 0 hsla(0,0%,100%,.1)}.glass-red{-webkit-backdrop-filter:blur(5px) saturate(150%);backdrop-filter:blur(5px) saturate(150%);background:linear-gradient(175deg,rgba(190,47,31,.621),rgba(244,67,54,.2));border-color:rgba(244,67,54,.4);box-shadow:0 4px 16px rgba(244,67,54,.2),inset 0 1px 0 hsla(0,0%,100%,.1)}.glass-dark-blue{-webkit-backdrop-filter:blur(10px) saturate(150%);backdrop-filter:blur(10px) saturate(150%);background:linear-gradient(135deg,rgba(52,152,219,.7),rgba(33,150,243,.2));border-color:rgba(33,150,243,.4);box-shadow:0 4px 16px rgba(33,150,243,.2),inset 0 1px 0 hsla(0,0%,100%,.1)}.glass-edge:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:1px;left:0;position:absolute;right:0;top:0}.glass-hover{transition:all .3s ease}.glass-hover:hover{-webkit-backdrop-filter:blur(20px) saturate(200%);backdrop-filter:blur(20px) saturate(200%);box-shadow:0 12px 40px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.15);transform:translateY(-2px)}.glass-interactive{cursor:pointer;transition:all .3s ease}.glass-interactive:hover{-webkit-backdrop-filter:blur(15px) saturate(180%);backdrop-filter:blur(15px) saturate(180%);background:linear-gradient(135deg,rgba(97,218,251,.25),rgba(97,218,251,.15));border-color:rgba(97,218,251,.4);box-shadow:0 8px 25px rgba(97,218,251,.2),inset 0 1px 0 hsla(0,0%,100%,.15)}.glass-interactive:active{box-shadow:0 4px 15px rgba(97,218,251,.15),inset 0 1px 0 hsla(0,0%,100%,.1);transform:translateY(1px)}.glass-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(20,22,33,.6),rgba(10,12,23,.8));border:1px solid hsla(0,0%,100%,.15);box-shadow:inset 0 2px 4px rgba(0,0,0,.3);transition:all .3s ease}.glass-input:focus{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-color:rgba(47,217,238,.6);box-shadow:0 0 20px rgba(47,217,238,.3),inset 0 2px 4px rgba(0,0,0,.3);outline:none}.glass-rounded-sm{border-radius:8px}.glass-rounded{border-radius:12px}.glass-rounded-lg{border-radius:16px}.glass-rounded-xl{border-radius:20px}.glass-rounded-2xl{border-radius:24px}.glass-rounded-3xl{border-radius:40px}.glass-rounded-full{border-radius:50%}
/*# sourceMappingURL=main.d42d7751.css.map*/