*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{align-items:center;background:linear-gradient(135deg,#0f172acc,#1e293bcc 50%,#334155cc);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.app-background{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:0}.app-background img{filter:blur(2px);height:100%;object-fit:cover;opacity:.3;width:100%}.App>.profile-card{position:relative;z-index:2}.App:before{background:radial-gradient(circle at 20% 50%,#4a90e226 0,#0000 50%),radial-gradient(circle at 80% 80%,#10b98126 0,#0000 50%);bottom:0;content:"";position:absolute;right:0}.App:before,.floating-dots{left:0;pointer-events:none;top:0;z-index:1}.floating-dots{height:100%;overflow:hidden;position:fixed;width:100%}.dot{animation:rise linear infinite;background:#fbbf24cc;border-radius:50%;bottom:-50px;box-shadow:0 0 10px #fbbf24e6;height:12px;position:absolute;width:12px}@keyframes rise{0%{bottom:-50px;opacity:0;transform:translateX(0) scale(1)}10%{opacity:1}50%{transform:translateX(20px) scale(1.2)}90%{opacity:1}to{bottom:110vh;opacity:0;transform:translateX(-20px) scale(.8)}}.dot:first-child{animation-delay:0s;animation-duration:8s;background:#fbbf24cc;box-shadow:0 0 15px #fbbf24e6;height:8px;left:5%;width:8px}.dot:nth-child(2){animation-delay:2s;animation-duration:10s;background:#ff5733cc;box-shadow:0 0 15px #ff5733e6;height:12px;left:15%;width:12px}.dot:nth-child(3){animation-delay:1s;animation-duration:12s;background:#ef4444cc;box-shadow:0 0 15px #ef4444e6;height:14px;left:25%;width:14px}.dot:nth-child(4){animation-delay:3s;animation-duration:9s;background:#3b82f6cc;box-shadow:0 0 15px #3b82f6e6;height:10px;left:35%;width:10px}.dot:nth-child(5){animation-delay:.5s;animation-duration:11s;background:#fbbf24cc;box-shadow:0 0 15px #fbbf24e6;height:12px;left:45%;width:12px}.dot:nth-child(6){animation-delay:2.5s;animation-duration:13s;background:#ff5733cc;box-shadow:0 0 15px #ff5733e6;height:9px;left:55%;width:9px}.dot:nth-child(7){animation-delay:1.5s;animation-duration:8.5s;background:#ef4444cc;box-shadow:0 0 15px #ef4444e6;height:11px;left:65%;width:11px}.dot:nth-child(8){animation-delay:3.5s;animation-duration:10.5s;background:#3b82f6cc;box-shadow:0 0 15px #3b82f6e6;height:13px;left:75%;width:13px}.dot:nth-child(9){animation-delay:.8s;animation-duration:9.5s;background:#fbbf24cc;box-shadow:0 0 15px #fbbf24e6;height:10px;left:85%;width:10px}.dot:nth-child(10){animation-delay:2.8s;animation-duration:11.5s;background:#ff5733cc;box-shadow:0 0 15px #ff5733e6;height:12px;left:95%;width:12px}.dot:nth-child(11){animation-delay:4s;animation-duration:14s;background:#ef4444cc;box-shadow:0 0 15px #ef4444e6;height:8px;left:10%;width:8px}.dot:nth-child(12){animation-delay:1.2s;animation-duration:12.5s;background:#3b82f6cc;box-shadow:0 0 15px #3b82f6e6;height:11px;left:20%;width:11px}.dot:nth-child(13){animation-delay:3.2s;animation-duration:10s;background:#fbbf24cc;box-shadow:0 0 15px #fbbf24e6;height:10px;left:30%;width:10px}.dot:nth-child(14){animation-delay:.3s;animation-duration:13.5s;background:#ff5733cc;box-shadow:0 0 15px #ff5733e6;height:12px;left:40%;width:12px}.dot:nth-child(15){animation-delay:2.3s;animation-duration:11s;background:#ef4444cc;box-shadow:0 0 15px #ef4444e6;height:11px;left:50%;width:11px}.dot:nth-child(16){animation-delay:4.3s;animation-duration:9s;background:#3b82f6cc;box-shadow:0 0 15px #3b82f6e6;height:9px;left:60%;width:9px}.dot:nth-child(17){animation-delay:1.8s;animation-duration:12s;background:#fbbf24cc;box-shadow:0 0 15px #fbbf24e6;height:13px;left:70%;width:13px}.dot:nth-child(18){animation-delay:3.8s;animation-duration:10.8s;background:#ff5733cc;box-shadow:0 0 15px #ff5733e6;height:10px;left:80%;width:10px}.dot:nth-child(19){animation-delay:.6s;animation-duration:13s;background:#ef4444cc;box-shadow:0 0 15px #ef4444e6;height:12px;left:90%;width:12px}.dot:nth-child(20){animation-delay:2.6s;animation-duration:11.8s;background:#3b82f6cc;box-shadow:0 0 15px #3b82f6e6;height:11px;left:12%;width:11px}.profile-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#1e3c72b3,#2a5298b3);border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 60px #00000080;max-width:600px;padding:40px;width:100%}.card-header{align-items:center;display:flex;gap:25px;margin-bottom:30px}.profile-icon{flex-shrink:0}.profile-icon img{background-color:#fff;border:4px solid #fff3;border-radius:50%;box-shadow:0 8px 24px #0000004d;height:90px;object-fit:cover;width:90px}.header-text{flex:1 1;text-align:left}.profile-title{color:#fff;font-size:2.2rem;font-weight:800;line-height:1.2;margin-bottom:8px;text-shadow:2px 2px 8px #0006}.profile-subtitle{color:#e0e7ff;font-size:1rem;font-weight:500}.card-divider{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:2px;margin-bottom:30px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:30px}.stat-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff26;border:1px solid #ffffff26;border-radius:16px;display:flex;gap:15px;padding:20px;transition:all .3s ease}.stat-item:hover{background-color:#ffffff40;box-shadow:0 10px 25px #0000004d;transform:translateY(-5px)}.stat-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:2rem}.icon-users{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;background-clip:text;color:#3b82f6}.icon-online{color:#10b981;text-shadow:0 0 10px #10b981cc}.icon-gamepad{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a78bfa,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#8b5cf6}.icon-star{color:#fbbf24;text-shadow:0 0 10px #fbbf2499}.icon-microphone{color:#ec4899;font-size:1rem;margin-right:5px;text-shadow:0 0 8px #ec489980}.icon-rocket{color:#fff;text-shadow:0 0 8px #ffffff80}.icon-info{color:#fff;text-shadow:0 0 8px #ffffff4d}.stat-content{text-align:left}.stat-number{color:#fff;font-size:1.5rem;font-weight:700;line-height:1;margin-bottom:4px}.stat-label{color:#cbd5e1;font-size:.8rem;font-weight:500}.button-group{display:flex;gap:15px;margin-bottom:25px}.join-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:8px;justify-content:center;padding:16px 24px;transition:all .3s ease;width:100%}.join-button.primary{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b98166;color:#fff}.join-button.primary:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 25px #10b98180;transform:translateY(-2px)}.join-button:active{transform:translateY(0)}.button-icon{font-size:1.1rem}.card-footer{border-top:1px solid #ffffff1a;padding-top:20px;text-align:center}.card-footer p{color:#e0e7ff;font-size:.9rem;font-weight:500;margin:0}@media (max-width:600px){.profile-card{padding:30px 20px}.card-header{flex-direction:column}.card-header,.header-text{text-align:center}.profile-title{font-size:1.8rem}.stats-grid{gap:15px;grid-template-columns:1fr}.button-group{flex-direction:column}.join-button{width:100%}.fa-spinner{color:#4a90e2}}
/*# sourceMappingURL=main.dbac6c19.css.map*/