@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Inter:wght@400;500&display=swap";*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#e8f4f8;-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif}.page{background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:4rem 1.5rem;display:flex;position:relative;overflow:hidden}.overlay{background:linear-gradient(#040a1273 0%,#040a128c 50%,#040a12b3 100%);position:absolute;inset:0}.content{z-index:1;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.avatar{background:linear-gradient(135deg,#a0c8e640 0%,#5078a026 100%);border:1.5px solid #b4dcff59;border-radius:9999px;justify-content:center;align-items:center;width:6rem;height:6rem;margin-bottom:1.5rem;display:flex;overflow:hidden;box-shadow:0 0 0 4px #040a1299,0 0 32px #b4dcff2e,inset 0 1px #ffffff1a}.avatar svg{fill:#c8e6fad9;width:2.5rem;height:2.5rem}.avatar img{object-fit:cover;width:100%;height:100%;display:block}h1{letter-spacing:.1em;text-transform:uppercase;color:#e8f4f8;text-shadow:0 0 40px #b4dcff66,0 2px 8px #000c;margin:0 0 .25rem;font:700 2.25rem/1.1 Rajdhani,sans-serif}.tagline{color:#a0c8e6a6;letter-spacing:.25em;text-transform:uppercase;text-shadow:0 1px 4px #0009;margin:0 0 1rem;font:400 .75rem/1.5 Inter,sans-serif}.stream-status{color:#bed3dcb8;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.5rem;min-height:1rem;margin:0 0 1.5rem;font:500 .69rem/1.4 Inter,sans-serif;display:flex}.stream-status span{background:#80909a;border-radius:999px;flex:none;width:.45rem;height:.45rem;box-shadow:0 0 8px #80909a73}.stream-status.online{color:#b3e7c7e6}.stream-status.online span{background:#55d887;animation:1.8s ease-in-out infinite live-pulse;box-shadow:0 0 10px #55d887b3}.stream-status.offline{color:#e1adb3b8}.stream-status.offline span{background:#d96873;box-shadow:0 0 8px #d9687373}.stream-status.loading span{animation:1.4s ease-in-out infinite live-pulse}.divider{background:linear-gradient(90deg,#0000,#b4dcff80,#0000);width:5rem;height:1px;margin-bottom:2.5rem}nav{flex-direction:column;gap:.75rem;width:100%;max-width:20rem;display:flex}.social-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#c8dde8;letter-spacing:.12em;text-transform:uppercase;background:#0a14238c;border:1px solid #b4dcff1f;border-radius:2px;align-items:center;gap:.75rem;padding:1rem 1.5rem;font:600 1rem/1.5 Rajdhani,sans-serif;text-decoration:none;transition:all .2s;display:flex}.social-button:hover,.social-button:focus-visible{border-color:color-mix(in srgb, var(--accent) 33%, transparent);box-shadow:0 0 20px var(--glow), inset 0 0 20px #b4dcff0a;color:var(--accent);background:#0a1423b8;outline:none}.social-button svg{fill:currentColor;width:1.25rem;height:1.25rem}.social-button span{text-align:center;flex:1}@media (width<=420px){h1{font-size:2rem}}@keyframes live-pulse{50%{opacity:.4;transform:scale(.82)}}@media (prefers-reduced-motion:reduce){.social-button{transition:none}.stream-status span{animation:none}}