@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@300;500;700&display=swap";:root{font-family:Rajdhani,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{display:flex;place-items:center;min-width:320px;min-height:100vh}:root{--primary-red: #dc2626;--primary-red-dark: #991b1b;--primary-red-light: #ef4444;--accent-red: #f87171;--background-black: #0a0a0a;--background-dark: #1a1a1a;--text-white: #ffffff;--text-gray: #a3a3a3}.starting-soon-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,var(--background-black) 0%,var(--background-dark) 50%,var(--background-black) 100%);display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:Rajdhani,sans-serif}.starting-soon-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(220,38,38,.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(220,38,38,.08) 0%,transparent 50%),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(220,38,38,.03) 2px,rgba(220,38,38,.03) 4px);pointer-events:none}.particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.particle{position:absolute;width:4px;height:4px;background:var(--primary-red);border-radius:50%;box-shadow:0 0 10px var(--primary-red)}.content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:2rem;padding:3rem}.logo-section{display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.logo-image{width:180px;height:auto;object-fit:contain}.title-section{text-align:center}.main-title{font-family:Orbitron,monospace;font-size:5rem;font-weight:900;color:var(--text-white);text-transform:uppercase;letter-spacing:.2em;margin:0;text-shadow:0 0 10px rgba(220,38,38,.5),0 0 30px rgba(220,38,38,.3),0 0 60px rgba(220,38,38,.2);background:linear-gradient(180deg,var(--text-white) 0%,var(--accent-red) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-family:Orbitron,monospace;font-size:2.5rem;font-weight:400;color:var(--primary-red);text-transform:uppercase;margin:.5rem 0 0;text-shadow:0 0 20px rgba(220,38,38,.5)}.decorative-line{width:300px;height:3px;background:linear-gradient(90deg,transparent 0%,var(--primary-red) 20%,var(--primary-red-light) 50%,var(--primary-red) 80%,transparent 100%);border-radius:2px;box-shadow:0 0 15px var(--primary-red)}.timer-section{margin:1rem 0}.timer-display{display:flex;align-items:center;gap:1rem;padding:2rem 3rem;background:linear-gradient(135deg,#1a1a1ae6,#0a0a0af2);border:2px solid var(--primary-red);border-radius:16px;position:relative}.timer-display:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,var(--primary-red) 0%,var(--primary-red-dark) 50%,var(--primary-red) 100%);border-radius:17px;z-index:-1;opacity:.5}.time-unit{display:flex;flex-direction:column;align-items:center;min-width:120px}.time-value{font-family:Orbitron,monospace;font-size:6rem;font-weight:900;color:var(--text-white);line-height:1;text-shadow:0 0 20px var(--primary-red),0 0 40px rgba(220,38,38,.5)}.time-label{font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:500;color:var(--text-gray);text-transform:uppercase;letter-spacing:.3em;margin-top:.5rem}.time-separator{font-family:Orbitron,monospace;font-size:5rem;font-weight:700;color:var(--primary-red);text-shadow:0 0 20px var(--primary-red);margin-bottom:1.5rem}.live-badge{padding:1.5rem 4rem;background:linear-gradient(135deg,var(--primary-red) 0%,var(--primary-red-dark) 100%);border-radius:12px;font-family:Orbitron,monospace;font-size:3rem;font-weight:900;color:var(--text-white);text-transform:uppercase;letter-spacing:.2em;box-shadow:0 0 30px var(--primary-red),0 0 60px #dc262680,inset 0 0 30px #ffffff1a}.cta-section{margin-top:1rem}.cta-text{font-family:Rajdhani,sans-serif;font-size:1.5rem;font-weight:300;color:var(--text-gray);text-transform:uppercase;letter-spacing:.5em;margin:0}.corner-decoration{position:fixed;width:100px;height:100px;pointer-events:none;z-index:5}.corner-decoration:before,.corner-decoration:after{content:"";position:absolute;background:var(--primary-red);box-shadow:0 0 15px var(--primary-red)}.top-left{top:30px;left:30px}.top-left:before{top:0;left:0;width:60px;height:3px}.top-left:after{top:0;left:0;width:3px;height:60px}.top-right{top:30px;right:30px}.top-right:before{top:0;right:0;width:60px;height:3px}.top-right:after{top:0;right:0;width:3px;height:60px}.bottom-left{bottom:30px;left:30px}.bottom-left:before{bottom:0;left:0;width:60px;height:3px}.bottom-left:after{bottom:0;left:0;width:3px;height:60px}.bottom-right{bottom:30px;right:30px}.bottom-right:before{bottom:0;right:0;width:60px;height:3px}.bottom-right:after{bottom:0;right:0;width:3px;height:60px}@media(max-width:768px){.logo-image{width:120px}.main-title{font-size:3rem;letter-spacing:.1em}.subtitle{font-size:1.5rem}.time-value{font-size:4rem}.time-unit{min-width:80px}.timer-display{padding:1.5rem 2rem}.decorative-line{width:200px}}@supports (backdrop-filter: blur(10px)){.timer-display{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}:root{--alert-color: #dc2626}.stream-alert-container{position:fixed;left:0;right:0;display:flex;justify-content:center;pointer-events:none;z-index:1000;padding:2rem}.stream-alert-top{top:0;align-items:flex-start}.stream-alert-center{top:0;bottom:0;align-items:center}.stream-alert-bottom{bottom:0;align-items:flex-end}.alert-box{position:relative;display:flex;align-items:center;gap:1.5rem;padding:1.5rem 2.5rem;background:linear-gradient(135deg,#1a1a1af2,#0a0a0afa);border:2px solid var(--alert-color);border-radius:16px;overflow:hidden;font-family:Rajdhani,sans-serif;box-shadow:0 0 30px rgba(var(--alert-color),.3),0 10px 40px #00000080,inset 0 0 60px rgba(var(--alert-color),.05);pointer-events:auto}.alert-box:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--alert-color) 0%,rgba(220,38,38,.3) 50%,var(--alert-color) 100%);border-radius:18px;z-index:-1;opacity:.8}.alert-box:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0% 50%,rgba(220,38,38,.1) 0%,transparent 50%),radial-gradient(circle at 100% 50%,rgba(220,38,38,.08) 0%,transparent 50%);pointer-events:none;border-radius:14px}.alert-particles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.alert-particle{position:absolute;width:8px;height:8px;background:var(--alert-color);border-radius:50%;box-shadow:0 0 10px var(--alert-color)}.alert-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#dc262633,#dc26260d);border:2px solid var(--alert-color);border-radius:50%;font-size:2.5rem;box-shadow:0 0 20px #dc262666,inset 0 0 15px #dc262633;flex-shrink:0}.alert-content{display:flex;flex-direction:column;gap:.25rem;position:relative;z-index:1}.alert-type{font-family:Orbitron,monospace;font-size:.9rem;font-weight:700;color:var(--alert-color);text-transform:uppercase;letter-spacing:.3em}.alert-username{font-family:Orbitron,monospace;font-size:2rem;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 10px rgba(255,255,255,.3),0 0 20px var(--alert-color);background:linear-gradient(180deg,#fff,#f87171);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.alert-subtitle{font-family:Rajdhani,sans-serif;font-size:1.2rem;font-weight:500;color:#a3a3a3;text-transform:uppercase;letter-spacing:.1em}.alert-message{margin-top:.5rem;padding:.75rem 1rem;background:#dc26261a;border-left:3px solid var(--alert-color);border-radius:0 8px 8px 0;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:300;font-style:italic;color:#e5e5e5;max-width:400px}.alert-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--alert-color) 0%,#ef4444 50%,var(--alert-color) 100%);transform-origin:left center;box-shadow:0 0 10px var(--alert-color)}.alert-shine{position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);pointer-events:none}@media(max-width:768px){.alert-box{flex-direction:column;text-align:center;padding:1.5rem;gap:1rem}.alert-icon{width:60px;height:60px;font-size:2rem}.alert-username{font-size:1.5rem}.alert-subtitle{font-size:1rem}.alert-message{max-width:100%;border-left:none;border-top:2px solid var(--alert-color);border-radius:0 0 8px 8px}}@supports (backdrop-filter: blur(10px)){.alert-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.alert-box[style*="--alert-color: #dc2626"] .alert-icon{background:linear-gradient(135deg,#dc262633,#dc26260d)}.alert-box[style*="--alert-color: #f59e0b"] .alert-icon{background:linear-gradient(135deg,#f59e0b33,#f59e0b0d);border-color:#f59e0b}.alert-box[style*="--alert-color: #8b5cf6"] .alert-icon{background:linear-gradient(135deg,#8b5cf633,#8b5cf60d);border-color:#8b5cf6}.alert-box[style*="--alert-color: #ec4899"] .alert-icon{background:linear-gradient(135deg,#ec489933,#ec48990d);border-color:#ec4899}.alert-box[style*="--alert-color: #10b981"] .alert-icon{background:linear-gradient(135deg,#10b98133,#10b9810d);border-color:#10b981}.alert-box[style*="--alert-color: #3b82f6"] .alert-icon{background:linear-gradient(135deg,#3b82f633,#3b82f60d);border-color:#3b82f6}.alert-box[style*="--alert-color: #06b6d4"] .alert-icon{background:linear-gradient(135deg,#06b6d433,#06b6d40d);border-color:#06b6d4}#root{width:100%;height:100%;margin:0;padding:0}.demo-controls{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:1rem;padding:1rem;background:#1a1a1af2;border:2px solid #dc2626;border-radius:12px;z-index:9999;box-shadow:0 0 20px #dc26264d}.demo-controls button{padding:.75rem 1.5rem;font-family:Orbitron,monospace;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#a3a3a3;background:#0a0a0acc;border:1px solid #333;border-radius:8px;cursor:pointer;transition:all .3s ease}.demo-controls button:hover{color:#fff;border-color:#dc2626;box-shadow:0 0 10px #dc26264d}.demo-controls button.active{color:#fff;background:linear-gradient(135deg,#dc2626,#991b1b);border-color:#dc2626;box-shadow:0 0 15px #dc262680}