@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Space+Grotesk:wght@400;700&display=swap";:root{--bg-color:#070709;--panel-bg:#0d0c14;--neon-green:#39ff14;--neon-purple:#9d00ff;--neon-orange:#ff7518;--text-primary:#f0f0f0;--text-secondary:#a8a8b0}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);flex-direction:column;min-height:100vh;font-family:Space Grotesk,sans-serif;display:flex}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:Orbitron,sans-serif}.neon-text-green{color:var(--neon-green);text-shadow:0 0 8px #39ff1433}.neon-text-purple{color:var(--neon-purple);text-shadow:0 0 8px #9d00ff33}.neon-text-orange{color:var(--neon-orange);text-shadow:0 0 8px #ff751833}.panel{background-color:var(--panel-bg);border:1px solid #9d00ff33;border-radius:12px;padding:24px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0009}.panel:before{content:"";background:linear-gradient(90deg, var(--neon-purple), var(--neon-green), var(--neon-orange));opacity:.6;height:2px;position:absolute;top:0;left:0;right:0}.btn-neon{color:var(--neon-green);text-transform:uppercase;letter-spacing:1px;cursor:pointer;box-shadow:none;background:#39ff1408;border:1px solid #39ff1466;border-radius:6px;padding:10px 20px;font-family:Orbitron,sans-serif;font-weight:700;transition:all .3s}.btn-neon:hover{border-color:var(--neon-green);background:#39ff141a;box-shadow:0 0 12px #39ff1433}.btn-neon-orange{color:var(--neon-orange);background:#ff751808;border-color:#ff751866}.btn-neon-orange:hover{border-color:var(--neon-orange);background:#ff75181a;box-shadow:0 0 12px #ff751833}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color);border-left:1px solid #9d00ff1a}::-webkit-scrollbar-thumb{background:#9d00ff66;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--neon-purple)}.main-navbar{z-index:1000;background:#0d0c14;border-bottom:1px solid #39ff1433;border-radius:12px;justify-content:space-between;align-items:center;margin-top:10px;margin-left:20px;margin-right:20px;padding:15px 30px;display:flex;position:relative;box-shadow:0 4px 20px #0009}.main-navbar:before{content:"";background:linear-gradient(90deg, var(--neon-purple), var(--neon-green), var(--neon-orange));opacity:.6;border-top-left-radius:12px;border-top-right-radius:12px;height:2px;position:absolute;top:0;left:0;right:0}.navbar-left,.navbar-center,.navbar-right{align-items:center;display:flex}.navbar-center{text-align:center;flex-direction:column}.logo-placeholder{background:#111;border:2px solid #9d00ff80;border-radius:50%;width:90px;height:90px;box-shadow:0 0 10px #9d00ff33}.navbar-side{width:250px}.logo-img{z-index:10;width:249px;transition:all .3s;position:absolute;top:-90px;left:-15px}.title-img{height:132px;margin-top:-10px;margin-bottom:-5px;transition:all .3s}@media (width<=1200px){.logo-img{width:200px;top:-80px}.title-img{height:110px}.navbar-side{width:200px}.avatar-placeholder{width:80px;height:80px}}@media (width<=900px){.main-navbar{padding:10px 15px}.logo-img{width:140px;top:-50px;left:-10px}.title-img{height:75px;margin-top:0}.navbar-side{flex:1;width:auto}.avatar-placeholder{width:60px;height:60px}}@media (width<=600px){.main-navbar{flex-direction:column;gap:15px;padding:20px 10px}.logo-img{width:120px;position:relative;top:0;left:0}.title-img{height:50px}.navbar-side{width:100%;justify-content:center!important}.navbar-left{justify-content:center!important}}.header-center{gap:20px;display:flex}.nav-link{color:var(--text-secondary,#a8a8b0);background:0 0;padding:8px 12px;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;position:relative}.nav-link:after{content:"";background:linear-gradient(90deg,#0000,#0ff,#0000);width:0;height:2px;transition:width .4s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-link:hover,.nav-link.active{color:#0ff;text-shadow:0 0 12px #0ff9}.nav-link:hover:after,.nav-link.active:after{width:100%}.avatar-placeholder{cursor:pointer;object-fit:cover;background:#111;border:2px solid #39ff1480;border-radius:50%;width:108px;height:108px;transition:all .3s;box-shadow:0 0 10px #39ff1433}.avatar-placeholder:hover{border-color:var(--neon-green);box-shadow:0 0 15px #39ff1466}.settings-gear-btn{background:var(--bg-color);border:1px solid var(--neon-orange);cursor:pointer;width:28px;height:28px;color:var(--neon-orange);z-index:10;border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:all .3s;display:flex;position:absolute;bottom:-4px;right:-4px;box-shadow:0 0 8px #ff751866}.settings-gear-btn:hover{background:#ff75181a;transform:rotate(90deg)scale(1.1);box-shadow:0 0 12px #ff751899}.user-dropdown-menu{z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05080ff2;border:1px solid #9d00ff66;border-radius:8px;width:250px;padding:10px 0;position:absolute;top:70px;right:0;box-shadow:0 8px 32px #000000e6,0 0 20px #9d00ff33}.user-dropdown-menu ul{margin:0;padding:0;list-style:none}.user-dropdown-menu li{color:var(--text-primary);cursor:pointer;padding:12px 20px;font-family:Space Grotesk,sans-serif;transition:all .3s;position:relative;overflow:hidden}.user-dropdown-menu li:before{content:"";opacity:0;z-index:-1;background:linear-gradient(90deg,#0000,#9d00ff1a,#0000);transition:opacity .3s;position:absolute;inset:0}.user-dropdown-menu li:hover:before{opacity:1}.user-dropdown-menu li:hover{color:var(--neon-green);text-shadow:0 0 8px #39ff144d;padding-left:25px}.home-container{color:#fff;background:radial-gradient(circle at 10% 20%,#0b0f19,#000);flex-direction:column;align-items:center;width:100%;min-height:100vh;margin-top:-250px;padding-top:200px;font-family:Space Grotesk,sans-serif;display:flex}.hero-section{justify-content:space-between;align-items:center;gap:40px;width:100%;max-width:1200px;min-height:70vh;padding:40px 20px;display:flex}.hero-content{flex:1;max-width:600px}.hero-title{text-shadow:0 4px 10px #00000080;margin-bottom:20px;font-size:3.5rem;font-weight:800;line-height:1.1}.text-glow-cyan{color:#0ff;text-shadow:0 0 15px #0ff9}.text-glow-purple{color:#c980ff;text-shadow:0 0 15px #9d00ff99}.hero-subtitle{color:#a8a8b0;margin-bottom:40px;font-size:1.2rem;line-height:1.6}.hero-buttons{justify-content:center;gap:20px;display:flex}.btn-hero{cursor:pointer;border:none;border-radius:8px;padding:15px 30px;font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:700;transition:all .3s}.btn-hero.primary{color:#0a0a0f;background:#0ff;box-shadow:0 0 15px #0ff6}.btn-hero.primary:hover{transform:translateY(-2px);box-shadow:0 0 25px #0ffc}.btn-hero.secondary{color:#fff;background:0 0;border:1px solid #9d00ff80}.btn-hero.secondary:hover{background:#9d00ff1a;border-color:#9d00ff;transform:translateY(-2px);box-shadow:0 0 15px #9d00ff66}.hero-visual{flex:1;justify-content:center;align-items:center;display:flex}.visual-orb{justify-content:center;align-items:center;width:350px;height:350px;display:flex;position:relative}.orb-core{background:radial-gradient(circle,#9d00ff 0%,#000 70%);border-radius:50%;width:150px;height:150px;animation:3s infinite alternate pulse;box-shadow:0 0 40px #9d00ff}.orb-ring{border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-1{border:2px dashed #0ff6;width:260px;height:260px;animation:20s linear infinite spin}.ring-2{border:1px solid #9d00ff66;border-top-color:#0fc;width:320px;height:320px;animation:15s linear infinite reverse spin}.ring-3{border:1px dotted #00ffcc4d;width:380px;height:380px;animation:25s linear infinite spin}.features-section{text-align:center;width:100%;max-width:1200px;padding:50px 20px}.section-title{color:#f0f0f0;margin-bottom:50px;font-size:2.5rem}.features-grid{flex-wrap:wrap;justify-content:center;gap:30px;display:flex}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141419cc;border:1px solid #ffffff0d;border-radius:12px;flex:300px;max-width:360px;padding:40px 30px;transition:all .3s}.feature-card:hover{border-color:#00ffff4d;transform:translateY(-10px);box-shadow:0 10px 30px #00000080}.feature-icon{filter:drop-shadow(0 0 10px #00ffff80);margin-bottom:20px;font-size:3rem}.feature-card h3{color:#fff;margin-bottom:15px;font-size:1.5rem}.feature-card p{color:#a8a8b0;line-height:1.5}@keyframes pulse{0%{opacity:.7;transform:scale(.95)}to{opacity:1;transform:scale(1.05);box-shadow:0 0 60px #9d00ff,0 0 20px #0ff}}@keyframes spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@media (width<=900px){.hero-section{text-align:center;flex-direction:column;padding-top:20px}.hero-buttons{justify-content:center}.hero-title{font-size:2.5rem}.visual-orb{margin-top:40px;transform:scale(.8)}}.streamers-container{color:#fff;background:radial-gradient(circle at 10% 20%,#0b1910,#000);min-height:100vh;margin-top:-250px;padding:300px 20px 50px;font-family:Inter,sans-serif;overflow:hidden}.streamers-hero{justify-content:space-between;align-items:center;gap:40px;max-width:1200px;margin:0 auto;display:flex}.streamers-text{flex:1}.streamers-title{background:linear-gradient(135deg, var(--neon-green) 0%, #00b386 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:20px;font-size:2.8rem;font-weight:800;line-height:1.1}.streamers-subtitle{color:#a0aec0;margin-bottom:30px;font-size:1.2rem;line-height:1.6}.btn-streamer{color:#fff;cursor:pointer;background:linear-gradient(90deg,#00c6ff,#0072ff);border:none;border-radius:8px;padding:15px 30px;font-size:1.1rem;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #0072ff66}.btn-streamer:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0072ff99}.streamers-visual{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.dashboard-placeholder{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;width:100%;max-width:500px;height:350px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000080}.dashboard-placeholder:before{content:"";background:conic-gradient(transparent, transparent, transparent, var(--neon-green));z-index:-1;opacity:.1;width:200%;height:200%;animation:4s linear infinite rotate-border;position:absolute;top:-50%;left:-50%}@keyframes rotate-border{to{transform:rotate(360deg)}}.dash-header{background:#ffffff14;border-radius:6px;width:40%;height:20px;margin-bottom:20px}.dash-body{flex:1;gap:15px;display:flex}.dash-sidebar{background:#ffffff0d;border-radius:6px;width:30%}.dash-main{background:#ffffff0d;border-radius:6px;flex:1}.streamers-features{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px;margin:50px auto 0;display:grid}.s-feature-card{background:#10182799;border:1px solid #39ff141a;border-radius:12px;padding:30px;transition:transform .3s}.s-feature-card:hover{border-color:#39ff1480;transform:translateY(-5px)}.s-feature-icon{margin-bottom:15px;font-size:2.5rem}.s-feature-card h3{color:#fff;margin-bottom:10px;font-size:1.3rem}.s-feature-card p{color:#94a3b8;line-height:1.5}@media (width<=768px){.streamers-hero{text-align:center;flex-direction:column}}.tutorial-container{text-align:center;z-index:5;max-width:1200px;margin:100px auto 0;padding:0 20px;position:relative}.tutorial-title{color:#fff;margin-bottom:10px;font-size:2.5rem;font-weight:800}.tutorial-subtitle{color:#a0aec0;margin-bottom:40px}.tutorial-image-wrapper{border:1px solid #39ff144d;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 10px 40px #39ff1426}.tutorial-img{width:100%;height:auto;display:block}.tutorial-overlay{pointer-events:none;z-index:5;background:#000000b3;position:absolute;inset:0}.hotspot{z-index:10;position:absolute;transform:translate(-50%,-50%)}.hotspot-btn{border:2px solid var(--neon-green);color:#fff;cursor:pointer;background:#0b0f19cc;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:28px;transition:all .3s;animation:2s infinite pulse-hotspot;display:flex;box-shadow:0 0 15px #39ff1480}.hotspot-btn:hover,.hotspot-btn.active{background:var(--neon-green);color:#000;animation:none;transform:scale(1.1)}.hotspot-popup{border:1px solid var(--neon-green);text-align:left;z-index:20;background:#0d0c14;border-radius:8px;width:260px;padding:15px;animation:.3s fade-in;position:absolute;top:55px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #000000e6}.hotspot-popup:before{content:"";border-left:1px solid var(--neon-green);border-top:1px solid var(--neon-green);background:#0d0c14;width:12px;height:12px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.hotspot-popup h4{color:var(--neon-green);margin:0 0 8px;font-size:1.1rem}.hotspot-popup p{color:#ccc;margin:0;font-size:.9rem;line-height:1.5}@keyframes pulse-hotspot{0%{box-shadow:0 0 #39ff1466}70%{box-shadow:0 0 0 15px #39ff1400}to{box-shadow:0 0 #39ff1400}}@keyframes fade-in{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.fans-container{color:#fff;background:radial-gradient(circle at 90% 10%,#1a0b16,#05000a);flex-direction:column;align-items:center;min-height:100vh;margin-top:-250px;padding:300px 20px 50px;font-family:Inter,sans-serif;display:flex;overflow:hidden}.fans-hero{z-index:2;justify-content:space-between;align-items:center;gap:50px;width:100%;max-width:1100px;margin:0 auto 50px;display:flex;position:relative}.fans-hero-text{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex}.fans-hero-visual{flex-direction:column;flex:1;height:300px;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 15% 85%,#0000);mask-image:linear-gradient(#0000,#000 15% 85%,#0000)}.chat-scroller{width:100%;height:100%;overflow:hidden}.chat-track{flex-direction:column;gap:20px;animation:20s linear infinite scroll-chat;display:flex}@keyframes scroll-chat{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.chat-bubble-placeholder{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;width:80%;padding:15px}.chat-bubble-placeholder.left{border-bottom-left-radius:4px;align-self:flex-start}.chat-bubble-placeholder.right{background:linear-gradient(135deg,#ff08441a,#ffb1991a);border-bottom-right-radius:4px;align-self:flex-end}.chat-line{background:#fff3;border-radius:4px;height:8px;margin-bottom:10px}.chat-line.short{width:60%;margin-bottom:0}.fans-title{background:linear-gradient(90deg,#ff0844 0%,#ffb199 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:20px;font-size:2.5rem;font-weight:900;animation:3s ease-in-out infinite alternate pulse-title}@keyframes pulse-title{0%{text-shadow:0 0 20px #ff084433}to{text-shadow:0 0 40px #ff084480}}.fans-subtitle{color:#d1d5db;max-width:600px;margin:0 auto 40px;font-size:1.15rem;line-height:1.6}.eco-steps-section{width:100%;max-width:1200px;margin:0 auto}.eco-section-title{color:#fff;text-align:center;margin-bottom:30px;font-size:2rem;font-weight:700}.eco-steps-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.eco-step-card{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:25px 15px;transition:transform .3s,box-shadow .3s;display:flex}.eco-step-card:hover{border-color:#ff084466;transform:translateY(-3px);box-shadow:0 10px 20px #00000080}.eco-step-icon{margin-bottom:0;font-size:2.5rem}.eco-step-content h3{color:#fff;margin-bottom:8px;font-size:1rem}.step-gray{color:#8892b0;font-weight:400}.eco-step-content p{color:#a0aec0;margin:0;font-size:.85rem;line-height:1.5}.eco-packages-section{width:100%;margin-top:50px}.online-page-container{color:#fff;background:radial-gradient(circle at 10% 20%,#2a1100,#000);min-height:100vh;margin-top:-250px;padding:300px 20px 50px;font-family:Inter,sans-serif;overflow:hidden}.online-hero{text-align:center;max-width:1200px;margin:0 auto 50px}.online-page-title{background:linear-gradient(90deg,#fff,#f60);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:20px;font-size:3.5rem;font-weight:900;line-height:1.2}.online-page-subtitle{color:#a0aec0;max-width:800px;margin:0 auto 40px;font-size:1.2rem;line-height:1.6}.filter-container{justify-content:center;align-items:center;gap:15px;margin-top:30px;display:flex}.filter-label{color:#ccc;font-size:1rem;font-weight:600}.custom-select-wrapper{-webkit-user-select:none;user-select:none;width:190px;position:relative}.custom-select-display{color:#fff;cursor:pointer;background:#140a00cc;border:1px solid #f606;border-radius:8px;justify-content:center;align-items:center;padding:12px 20px;font-family:Inter,sans-serif;font-size:1rem;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 15px #ff66001a}.custom-select-display:hover{border-color:#f60;box-shadow:0 4px 20px #ff66004d}.custom-select-arrow{color:#f60;font-size:.8rem;transition:transform .3s;position:absolute;left:20px}.custom-select-arrow.open{transform:rotate(90deg)}.custom-select-options{z-index:20;background:#0d0c14;border:1px solid #f606;border-radius:8px;animation:.2s fade-in-select;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow:hidden;box-shadow:0 10px 25px #000c}.custom-select-option{color:#ccc;cursor:pointer;text-align:center;padding:12px 20px;transition:all .2s}.custom-select-option:hover{color:#f60;background:#f603}.custom-select-option.selected{color:#f60;background:#ff66001a;font-weight:700}@keyframes fade-in-select{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.creators-grid{grid-template-columns:repeat(6,1fr);justify-content:center;gap:20px;max-width:1400px;margin:0 auto;display:grid}@media (width<=1200px){.creators-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=900px){.creators-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.creators-grid{grid-template-columns:repeat(2,1fr)}}.creator-card{background:#190a0099;border:1px solid #ff66001a;border-radius:16px;flex-direction:column;align-items:center;padding:30px 20px;transition:all .3s;display:flex}.creator-card:hover{border-color:#f606;transform:translateY(-5px);box-shadow:0 10px 25px #ff660026}.card-offline{opacity:.6}.card-offline:hover{opacity:1}.creator-avatar-container{width:100px;height:100px;margin-bottom:20px;position:relative}.creator-avatar-img{object-fit:cover;border:3px solid #111;border-radius:50%;width:100%;height:100%}.status-badge{border:3px solid #111;border-radius:50%;width:20px;height:20px;position:absolute;bottom:5px;right:5px}.status-badge.online{background-color:#39ff14;animation:2s infinite pulse-hotspot-green;box-shadow:0 0 10px #39ff14}.status-badge.offline{background-color:#555}.creator-info{text-align:center;margin-bottom:20px}.creator-name{color:#fff;margin:0 0 5px;font-size:1.2rem}.creator-username{color:#f60;font-size:.9rem}.btn-connect{cursor:pointer;border-radius:8px;width:100%;padding:10px 25px;font-size:.9rem;font-weight:700;transition:all .3s}.active-stream{color:#fff;background:#f60;border:none;box-shadow:0 0 15px #f606}.active-stream:hover{color:#f60;background:#fff;transform:scale(1.05)}.offline-stream{color:#a0aec0;cursor:not-allowed;background:0 0;border:1px solid #333}@keyframes pulse-hotspot-green{0%{box-shadow:0 0 #39ff1466}70%{box-shadow:0 0 0 10px #39ff1400}to{box-shadow:0 0 #39ff1400}}.store-container{flex-direction:column;align-items:center;min-height:100vh;padding:20px;display:flex}#root{text-align:center;width:100%;margin:0 auto}.App{box-sizing:border-box;flex-direction:column;min-height:100vh;margin:0 auto;display:flex}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}.login-container{justify-content:center;align-items:center;height:80vh;display:flex}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ee6;border:1px solid #00ffcc1a;border-radius:12px;width:100%;max-width:400px;padding:2.5rem;box-shadow:0 0 20px #0fc3}.login-card h2{color:#0fc;margin-top:0;margin-bottom:1.5rem}.form-group{text-align:left;margin-bottom:1.2rem;position:relative}.form-group label{color:#a0a0b0;margin-bottom:.5rem;font-size:.9rem;display:block}.form-group input{color:#fff;box-sizing:border-box;background:#0000004d;border:1px solid #333;border-radius:6px;width:100%;padding:.75rem;font-size:1rem}.form-group input:focus{border-color:#0fc;outline:none;box-shadow:0 0 8px #00ffcc4d}.password-toggle{color:#a0a0b0;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.2rem;position:absolute;bottom:12px;right:12px}.password-toggle:hover{color:#0fc}.btn-primary{color:#000;cursor:pointer;background:linear-gradient(135deg,#0fc 0%,#00b386 100%);border:none;border-radius:6px;width:100%;margin-top:1rem;padding:.8rem;font-size:1.1rem;font-weight:700;transition:all .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0fc6}.error-message{color:#f05;background:#ff00551a;border:1px solid #ff00554d;border-radius:6px;margin-bottom:1rem;padding:.75rem}.app-header{border-bottom:1px solid #ffffff1a;margin-bottom:2rem;padding:1rem}.app-header h1{color:#0fc;text-transform:uppercase;letter-spacing:2px;margin:0;font-size:1.5rem}.login-footer-text{color:#a0a0b0;margin-top:1.5rem}.login-footer-text a{color:#f60;font-weight:700;text-decoration:none;transition:color .2s}.login-footer-text a:hover{color:#f83;text-decoration:underline}.avatar-placeholder{background:#111;border:2px solid #39ff1480;border-radius:50%;width:100px;height:100px;margin-bottom:10px;box-shadow:0 0 15px #39ff1433}.streamer-card h2{margin:0;font-size:1.8rem}.card-description{color:var(--text-secondary);margin-bottom:10px;font-size:1.1rem}.send-audio-btn{width:100%;padding:15px;font-size:1.1rem}@media (width<=600px){.store-header{margin-top:20px;margin-bottom:30px}.store-header h1{font-size:1.8rem}.streamer-card{padding:20px}}