:root{--color-bg-deep:#05030a;--color-bg-card:#0e091cb8;--color-bg-card-hover:#160e2cd9;--color-bg-glass:#ffffff0a;--color-primary:#7132f5;--color-primary-bright:#8c52ff;--color-primary-light:#b388ff;--color-primary-dim:#7132f52e;--color-primary-glow:#7132f58c;--color-cyan:#00f0ff;--color-cyan-dim:#00f0ff26;--color-pink:#ff2a85;--color-pink-dim:#ff2a8526;--color-gold:gold;--color-green:#0f8;--color-text-title:#fff;--color-text-body:#e2d9f3;--color-text-muted:#9f91ba;--color-text-dim:#65587f;--font-display:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Syncopate", "Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--font-mono:"Space Grotesk", monospace;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-bg-deep);width:100%;min-height:100vh;color:var(--color-text-body);font-family:var(--font-body);-webkit-font-smoothing:antialiased;selection-background-color:var(--color-primary);selection-color:#fff;position:relative;overflow-x:hidden}::selection{background:var(--color-primary);color:#fff}.bg-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.bg-radial-glow{z-index:0;pointer-events:none;filter:blur(60px);background:radial-gradient(circle,#7132f538 0%,#8c52ff14 40%,#0000 70%);width:800px;height:800px;animation:8s ease-in-out infinite alternate ambientPulse;position:fixed;top:35%;left:50%;transform:translate(-50%,-50%)}.bg-radial-cyan{z-index:0;pointer-events:none;filter:blur(70px);background:radial-gradient(circle,#00f0ff1a 0%,#0000 70%);width:500px;height:500px;position:fixed;top:65%;right:15%}@keyframes ambientPulse{0%{opacity:.75;transform:translate(-50%,-50%)scale(.92)}to{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}.cyber-grid-overlay{pointer-events:none;z-index:0;opacity:.15;background-image:linear-gradient(90deg,#7132f51a 1px,#0000 1px),linear-gradient(#7132f51a 1px,#0000 1px);background-size:48px 48px;width:100vw;height:100vh;position:fixed;top:0;left:0;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 80%);mask-image:radial-gradient(circle,#000 30%,#0000 80%)}.app-container{z-index:10;flex-direction:column;min-height:100vh;padding-bottom:3rem;display:flex;position:relative}.header-bar{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:1.5rem;display:flex}.header-left{align-items:center;gap:1.25rem;display:flex}.brand-logo{cursor:pointer;align-items:center;gap:.85rem;text-decoration:none;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex}.brand-logo-img{object-fit:cover;border:2px solid var(--color-primary-bright);width:44px;height:44px;box-shadow:0 0 20px var(--color-primary-glow);border-radius:50%;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.brand-logo:hover .brand-logo-img{box-shadow:0 0 30px var(--color-primary-bright);border-color:#fff;transform:scale(1.12)rotate(-5deg)}.brand-title-wrap{flex-direction:column;display:flex}.brand-title{font-family:var(--font-display);letter-spacing:.04em;color:#fff;text-shadow:0 0 20px #8c52ff66;font-size:1.35rem;font-weight:900;line-height:1.1}.brand-subtitle{font-size:.68rem;font-family:var(--font-mono);color:var(--color-cyan);letter-spacing:.15em;text-transform:uppercase}.badge-secure{border-radius:var(--radius-full);color:var(--color-cyan);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e1424b3;border:1px solid #00f0ff59;align-items:center;gap:.5rem;padding:.45rem 1.1rem;font-size:.75rem;font-weight:700;display:inline-flex;box-shadow:0 0 15px #00f0ff26}.status-dot{background-color:var(--color-cyan);width:7px;height:7px;box-shadow:0 0 10px var(--color-cyan);border-radius:50%;animation:1.6s ease-in-out infinite pulseDot}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}.header-right{align-items:center;gap:.85rem;display:flex}.social-pill{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#120c24bf;border:1px solid #ffffff1a;align-items:center;gap:.5rem;padding:.35rem .65rem;display:flex}.social-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.95rem;text-decoration:none;transition:all .25s;display:flex}.social-btn:hover{color:#fff;box-shadow:0 0 12px var(--color-primary-glow);background:#7132f540;transform:translateY(-2px)}.hero-wrapper{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:820px;margin:0 auto;padding:1.5rem 1.5rem 2.5rem;display:flex}.avatar-gyro-wrapper{cursor:default;justify-content:center;align-items:center;width:220px;height:220px;margin:0 auto 1.75rem;display:flex;position:relative}.avatar-orbit-outer{pointer-events:none;border:1.5px dashed #8c52ff99;border-radius:50%;animation:24s linear infinite spinSlow;position:absolute;inset:-14px}.avatar-orbit-inner{border:2px solid #0000;border-top-color:var(--color-cyan);border-bottom-color:var(--color-primary-bright);pointer-events:none;border-radius:50%;animation:14s linear infinite spinReverse;position:absolute;inset:-6px}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.avatar-frame-core{background:radial-gradient(circle,#7132f5e6 0%,#0e091cf2 75%);border-radius:50%;justify-content:center;align-items:center;width:190px;height:190px;padding:6px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 0 50px #7132f599,0 0 100px #7132f540,inset 0 0 30px #8c52ff66}.avatar-gyro-wrapper:hover .avatar-frame-core{transform:scale(1.05)}.avatar-img-round{object-fit:cover;border:3px solid #fff;border-radius:50%;width:100%;height:100%;display:block}.avatar-tier-badge{border-radius:var(--radius-full);color:#fff;font-family:var(--font-mono);letter-spacing:.08em;box-shadow:0 4px 15px #0009, 0 0 15px var(--color-primary-glow);background:linear-gradient(135deg,#7132f5 0%,#b388ff 100%);border:1.5px solid #fff;align-items:center;gap:.35rem;padding:.35rem .85rem;font-size:.72rem;font-weight:800;display:flex;position:absolute;bottom:0;right:15px}.title-hero{font-family:var(--font-display);letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#e2d9f3 40%,#b388ff 80%,#7132f5 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 40px #7132f580;text-transform:uppercase;-webkit-background-clip:text;margin-bottom:.5rem;font-size:4rem;font-weight:900;line-height:1.05}.wl-live-banner{border-radius:var(--radius-full);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#120c26e6;border:1px solid #8c52ff80;align-items:center;gap:.6rem;margin-bottom:1.25rem;padding:.45rem 1.25rem;font-size:.82rem;font-weight:700;display:inline-flex;box-shadow:0 0 25px #7132f54d}.live-pulse-dot{background-color:var(--color-cyan);width:8px;height:8px;box-shadow:0 0 12px var(--color-cyan), 0 0 20px #00f0ffcc;border-radius:50%;animation:1.5s ease-in-out infinite pulseDot}.description-text{color:var(--color-text-muted);max-width:580px;margin:0 auto 2rem;font-size:1.15rem;font-weight:400;line-height:1.6}.allocation-meter-card{background:var(--color-bg-card);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid #8c52ff40;width:100%;max-width:540px;margin:0 auto 2rem;padding:1.1rem 1.4rem;box-shadow:0 10px 30px #0006}.allocation-labels{font-family:var(--font-mono);justify-content:space-between;align-items:center;margin-bottom:.65rem;font-size:.82rem;display:flex}.allocation-title{color:var(--color-text-muted);align-items:center;gap:.45rem;font-weight:600;display:flex}.allocation-count{color:#fff;font-weight:800}.allocation-count span{color:var(--color-cyan)}.progress-track{border-radius:var(--radius-full);background:#ffffff14;width:100%;height:10px;position:relative;overflow:hidden}.progress-fill{border-radius:var(--radius-full);background:linear-gradient(90deg,#7132f5 0%,#8c52ff 50%,#00f0ff 100%);height:100%;transition:width 1s ease-in-out;position:relative;box-shadow:0 0 15px #00f0ff99}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);animation:2s linear infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.countdown-box{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#100a20d9;border:1px solid #8c52ff66;align-items:center;gap:.85rem;margin-bottom:2rem;padding:.9rem 1.75rem;display:inline-flex;box-shadow:0 10px 40px #0009,0 0 25px #7132f533}.timer-item{flex-direction:column;align-items:center;min-width:44px;display:flex}.timer-val{font-family:var(--font-mono);color:#fff;text-shadow:0 0 15px #8c52ffcc;font-size:1.75rem;font-weight:800;line-height:1}.timer-lbl{text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-dim);margin-top:.35rem;font-size:.65rem;font-weight:700}.timer-sep{font-family:var(--font-mono);color:var(--color-primary-bright);font-size:1.6rem;font-weight:800;animation:1s infinite alternate pulseDot}.action-buttons-group{flex-direction:column;gap:1rem;width:100%;max-width:480px;margin-bottom:3.5rem;display:flex}.btn-primary-neon{border-radius:var(--radius-full);color:#fff;width:100%;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#7132f5 0%,#8c52ff 50%,#9d4edd 100%);border:1px solid #ffffff4d;justify-content:center;align-items:center;gap:.75rem;padding:1.25rem 2.25rem;font-size:1.15rem;font-weight:800;transition:all .35s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 0 35px #7132f5b3,0 8px 25px #00000080}.btn-primary-neon:hover{border-color:#fff;transform:translateY(-3px)scale(1.02);box-shadow:0 0 50px #8c52ffe6,0 12px 35px #0009}.btn-primary-neon:before{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.btn-primary-neon:hover:before{left:100%}.btn-secondary-cyber{border-radius:var(--radius-full);color:#fff;width:100%;font-family:var(--font-body);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#140e26cc;border:1px solid #8c52ff59;justify-content:center;align-items:center;gap:.6rem;padding:.95rem 1.75rem;font-size:.95rem;font-weight:600;transition:all .25s;display:flex}.btn-secondary-cyber:hover{border-color:var(--color-primary-bright);background:#7132f540;transform:translateY(-2px);box-shadow:0 0 20px #7132f54d}.specs-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;width:100%;max-width:960px;margin:0 auto 3.5rem;display:grid}.spec-card{background:var(--color-bg-card);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;border:1px solid #8c52ff33;flex-direction:column;align-items:center;padding:1.4rem 1.1rem;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden}.spec-card:hover{border-color:var(--color-primary-bright);background:var(--color-bg-card-hover);transform:translateY(-5px);box-shadow:0 12px 30px #00000080,0 0 25px #7132f54d}.spec-icon-box{border-radius:var(--radius-md);width:42px;height:42px;color:var(--color-cyan);background:#7132f533;border:1px solid #8c52ff66;justify-content:center;align-items:center;margin-bottom:.85rem;display:flex}.spec-label{font-size:.72rem;font-family:var(--font-mono);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.3rem}.spec-value{font-family:var(--font-display);color:#fff;font-size:1.25rem;font-weight:800;line-height:1.2}.recent-uplinks-container{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0e091c99;border:1px solid #8c52ff33;width:100%;max-width:780px;margin:0 auto;padding:1.25rem}.uplinks-header{justify-content:space-between;align-items:center;margin-bottom:.85rem;padding:0 .5rem;display:flex}.uplinks-header-left{font-family:var(--font-mono);color:var(--color-cyan);text-transform:uppercase;align-items:center;gap:.5rem;font-size:.78rem;font-weight:700;display:flex}.uplinks-stream-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.65rem;display:grid}.uplink-chip{border-radius:var(--radius-md);font-family:var(--font-mono);background:#ffffff08;border:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:.6rem .85rem;font-size:.8rem;transition:all .2s;display:flex}.uplink-chip:hover{background:#7132f51a;border-color:#8c52ff66}.uplink-chip-user{color:#fff;align-items:center;gap:.45rem;font-weight:700;display:flex}.uplink-chip-time{color:var(--color-text-dim);font-size:.7rem}.modal-overlay{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:100;background:#030208e0;justify-content:center;align-items:center;padding:1.5rem;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{border-radius:var(--radius-lg);background:#0e081e;border:1.5px solid #8c52ff73;width:100%;max-width:540px;padding:2.25rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) modalSlideUp;position:relative;box-shadow:0 25px 70px #000000e6,0 0 40px #7132f559}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-close-btn{color:var(--color-text-muted);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.modal-close-btn:hover{color:#fff;background:#7132f540}.custom-input{border-radius:var(--radius-md);color:#fff;width:100%;font-family:var(--font-body);background:#120c26f2;border:1px solid #8c52ff4d;outline:none;margin-top:.5rem;padding:.95rem 1.25rem;font-size:.95rem;transition:all .2s}.custom-input:focus{border-color:var(--color-primary-bright);box-shadow:0 0 20px var(--color-primary-glow)}@media (width<=860px){.specs-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (width<=640px){.title-hero{font-size:2.8rem}.avatar-gyro-wrapper{width:180px;height:180px}.avatar-frame-core{width:155px;height:155px}.specs-grid{grid-template-columns:1fr 1fr;gap:.75rem}.spec-card{padding:1.1rem .85rem}.spec-value{font-size:1.1rem}.header-bar{padding:1rem}.badge-secure{display:none}.countdown-box{gap:.6rem;padding:.75rem 1.25rem}.timer-val{font-size:1.4rem}}