:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a25;--text-primary: #ffffff;--text-secondary: #a0a0b0;--text-muted: #606070;--accent: #00ff88;--accent-hover: #00cc6a;--accent-dim: rgba(0, 255, 136, .1);--accent-glow: rgba(0, 255, 136, .3);--border: #2a2a3a;--error: #ff4444;--warning: #ffaa00}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.app{min-height:100vh}.header{position:fixed;top:0;left:0;right:0;background:#0a0a0ff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:100}.header-content{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--accent)}.nav{display:flex;gap:2rem}.nav a{color:var(--text-secondary);text-decoration:none;transition:color .2s;font-size:.95rem}.nav a:hover{color:var(--accent)}.hero{padding:10rem 2rem 6rem;text-align:center;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}.hero-content{max-width:800px;margin:0 auto}.hero-eyebrow{color:var(--accent);font-size:1rem;margin-bottom:1rem;font-weight:500}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--text-primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{padding:.875rem 2rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .2s;cursor:pointer;border:none;font-size:1rem}.btn-primary{background:var(--accent);color:var(--bg-primary)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 20px var(--accent-glow)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.stats{display:flex;justify-content:center;gap:4rem;padding:3rem 2rem;background:var(--bg-secondary);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stat{text-align:center}.stat-value{display:block;font-size:2.5rem;font-weight:700;color:var(--accent)}.stat-label{color:var(--text-muted);font-size:.9rem}.stat-status{font-size:1rem;font-weight:600;padding:.5rem 1rem;border-radius:20px}.stat-status.online{color:var(--accent);background:var(--accent-dim)}.stat-status.offline{color:var(--warning);background:#ffaa001a}.section{max-width:1000px;margin:0 auto;padding:5rem 2rem}.section h2{font-size:2rem;margin-bottom:1rem;text-align:center}.section-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:3rem}.section-subtitle a{color:var(--accent);text-decoration:none}.section-subtitle a:hover{text-decoration:underline}.audience-section{display:flex;gap:2rem;max-width:1100px}.audience-card{flex:1;background:var(--bg-secondary);border-radius:16px;padding:2.5rem;border:1px solid var(--border);text-align:center}.audience-card.highlight{border-color:var(--accent);box-shadow:0 0 40px var(--accent-dim)}.audience-icon{font-size:3rem;margin-bottom:1rem}.audience-card h2{font-size:1.5rem;margin-bottom:.5rem}.audience-subtitle{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem}.audience-features{list-style:none;text-align:left;margin-bottom:2rem}.audience-features li{padding:.5rem 0;color:var(--text-secondary);font-size:.95rem}.steps{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.step{display:flex;gap:1.5rem;align-items:flex-start;padding:1.5rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border)}.step-number{width:40px;height:40px;border-radius:50%;background:var(--accent);color:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.step-content h3{margin-bottom:.25rem}.step-content p,.step-content code{color:var(--text-secondary);font-size:.9rem}.step-content code{background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:4px;font-family:SF Mono,Monaco,monospace}.code-block{background:var(--bg-secondary);border-radius:12px;overflow:hidden;border:1px solid var(--border);margin-bottom:2rem}.code-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border);font-size:.85rem;color:var(--text-muted)}.code-header button{background:var(--accent);color:var(--bg-primary);border:none;padding:.25rem .75rem;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:600}.code-block pre{padding:1rem;overflow-x:auto;font-family:SF Mono,Monaco,monospace;font-size:.85rem;color:var(--accent);line-height:1.5}.alt-link{text-align:center}.alt-link a{color:var(--text-secondary);text-decoration:none}.alt-link a:hover{color:var(--accent)}.irc-container{display:flex;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border);overflow:hidden;height:500px}.irc-sidebar{width:200px;background:var(--bg-tertiary);padding:1rem;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:1.5rem}.irc-status{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.online{background:var(--accent);box-shadow:0 0 8px var(--accent);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-dot.offline{background:var(--error)}.channel-list h4,.server-info h4{font-size:.75rem;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem;letter-spacing:.05em}.channel{display:flex;justify-content:space-between;align-items:center;width:100%;background:transparent;border:none;text-align:left;padding:.5rem .75rem;color:var(--text-secondary);cursor:pointer;border-radius:6px;font-size:.9rem;margin-bottom:.25rem}.channel:hover{background:var(--bg-secondary)}.channel.active{background:var(--accent-dim);color:var(--accent)}.channel-count{font-size:.75rem;background:var(--bg-secondary);padding:.1rem .4rem;border-radius:10px;color:var(--text-muted)}.server-info code{display:block;font-size:.8rem;color:var(--accent);margin-bottom:.5rem}.server-info p{font-size:.75rem;color:var(--text-muted)}.irc-main{flex:1;display:flex;flex-direction:column}.irc-header{padding:.75rem 1rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:1rem}.channel-name{font-weight:600;color:var(--accent)}.channel-topic{font-size:.85rem;color:var(--text-muted);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.irc-messages{flex:1;overflow-y:auto;padding:1rem;font-family:SF Mono,Monaco,monospace;font-size:.85rem}.no-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted)}.no-messages .hint{font-size:.8rem;margin-top:.5rem}.message{padding:.25rem 0;line-height:1.5}.message.action{font-style:italic}.message-time{color:var(--text-muted);margin-right:.5rem}.message-nick{color:var(--accent);margin-right:.5rem}.message-text{color:var(--text-primary);word-break:break-word}.message-action{color:var(--text-secondary)}.irc-footer{padding:.75rem 1rem;border-top:1px solid var(--border);background:var(--bg-tertiary)}.irc-footer p{font-size:.85rem;color:var(--text-muted);text-align:center}.irc-footer a{color:var(--accent);text-decoration:none}.irc-footer a:hover{text-decoration:underline}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:2rem}.about-card{background:var(--bg-secondary);padding:1.5rem;border-radius:12px;border:1px solid var(--border)}.about-card h3{margin-bottom:.5rem}.about-card p{color:var(--text-secondary);font-size:.9rem}.footer{text-align:center;padding:3rem 2rem;border-top:1px solid var(--border);color:var(--text-muted)}.footer a{color:var(--text-secondary);text-decoration:none;margin:0 .5rem}.footer a:hover{color:var(--accent)}@media(max-width:768px){.hero-title{font-size:2.5rem}.stats{flex-wrap:wrap;gap:2rem}.stat{flex:1 1 40%}.audience-section{flex-direction:column}.irc-container{flex-direction:column;height:auto}.irc-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border);flex-direction:row;flex-wrap:wrap;gap:1rem}.channel-list{flex:1}.server-info{display:none}.irc-messages{height:350px}.nav{display:none}}