.loader{position:relative;width:100px;height:100px}.jimu-primary-loading:before,.jimu-primary-loading:after{position:absolute;top:0;content:""}.jimu-primary-loading:before{left:-19.992px}.jimu-primary-loading:after{left:19.992px;animation-delay:.32s!important}.jimu-primary-loading:before,.jimu-primary-loading:after,.jimu-primary-loading{background:#076fe5;animation:loading-keys-app-loading .8s infinite ease-in-out;width:13.6px;height:32px}.jimu-primary-loading{text-indent:-9999em;margin:auto;position:absolute;right:calc(50% - 6.8px);top:calc(50% - 16px);animation-delay:.16s!important}@keyframes loading-keys-app-loading{0%,80%,to{opacity:.75;box-shadow:0 0 #076fe5;height:32px}40%{opacity:1;box-shadow:0 -8px #076fe5;height:40px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body,html{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}.hero{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.gradient-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradient 15s ease infinite;z-index:1}.hero-content{position:relative;z-index:2;text-align:center;color:#fff;padding:2rem;max-width:800px}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;letter-spacing:-.02em}.hero-subtitle{font-size:1.5rem;margin-bottom:2rem;opacity:.9;font-weight:400}.cta-button{padding:1rem 2rem;font-size:1.2rem;font-family:Inter,sans-serif;font-weight:500;border:none;border-radius:30px;background:#fff;color:#e73c7e;cursor:pointer;transition:transform .2s}.cta-button:hover{transform:translateY(-2px)}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-in{opacity:0;transform:translateY(20px);animation:fadeIn .8s ease forwards}.hero-subtitle{animation-delay:.2s}.cta-button{animation-delay:.4s}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.particles{position:absolute;width:100%;height:100%;z-index:1;overflow:hidden}.particle{position:absolute;width:6px;height:6px;background:#ffffff80;border-radius:50%;animation:float 20s infinite linear}.particle:nth-child(2n){width:8px;height:8px}.particle:nth-child(1){left:10%;top:15%;animation-delay:-2s;animation-duration:18s}.particle:nth-child(2){left:25%;top:35%;animation-delay:-4s;animation-duration:22s}.particle:nth-child(3){left:45%;top:50%;animation-delay:-6s;animation-duration:19s}.particle:nth-child(4){left:65%;top:25%;animation-delay:-8s;animation-duration:21s}.particle:nth-child(5){left:85%;top:75%;animation-delay:-10s;animation-duration:20s}.particle:nth-child(6){left:15%;top:85%;animation-delay:-3s;animation-duration:17s}.particle:nth-child(7){left:35%;top:65%;animation-delay:-5s;animation-duration:23s}.particle:nth-child(8){left:55%;top:5%;animation-delay:-7s;animation-duration:18s}.particle:nth-child(9){left:75%;top:45%;animation-delay:-9s;animation-duration:20s}.particle:nth-child(10){left:95%;top:95%;animation-delay:-1s;animation-duration:22s}@keyframes float{0%{transform:translateY(100vh) translate(0)}to{transform:translateY(-100vh) translate(100px)}}.stream-input-container{margin-top:1.5rem;display:flex;gap:.5rem;animation-delay:.6s;justify-content:center;width:100%}.stream-input{padding:.8rem 1.5rem;border-radius:25px;border:none;font-size:1rem;font-family:Inter,sans-serif;font-weight:400;width:250px;background:#ffffffe6}.join-button{padding:.8rem 1.5rem;border-radius:25px;border:none;background:#fff;color:#1a1a1a;font-family:Inter,sans-serif;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #0000001a}.join-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.stream-input-container:first-child .join-button{background:#2d3436;color:#fff;border:2px solid rgba(255,255,255,.2)}.stream-input-container:first-child .join-button:hover{background:#1a1a1a;border-color:#ffffff4d}