*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary:#09090b;--bg-secondary:#0c0c0e;--bg-card:#111113;--bg-hover:#18181b;--border:#1f1f23;--text-primary:#fafafa;--text-secondary:#71717a;--text-muted:#52525b;--accent:#fff;--purple:#a855f7;--gold:#eab308;--green:#22c55e;--blue:#3b82f6;--red:#ef4444}body{font-family:Inter,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.container{min-height:100vh;display:flex;flex-direction:column}.navbar{display:flex;justify-content:space-between;align-items:center;padding:0 32px;height:56px;border-bottom:1px solid var(--border);position:fixed;top:0;left:0;right:0;background:rgba(9,9,11,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100}.logo{font-size:15px;font-weight:600;color:var(--text-primary);text-decoration:none;letter-spacing:-.3px}.nav-links{display:flex;gap:32px;list-style:none}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:13px;transition:color .15s}.nav-links a:hover{color:var(--text-primary)}.nav-buttons{display:flex;gap:8px}.btn{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;text-decoration:none;border:none;display:inline-flex;align-items:center;justify-content:center}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover,.btn-secondary{color:var(--text-primary)}.btn-secondary{background:var(--bg-card);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--text-muted)}.btn-primary{background:var(--text-primary);color:var(--bg-primary)}.btn-primary:hover{opacity:.9}.btn-gold{background:var(--gold);color:#000}.btn-gold:hover{opacity:.9}.hero{padding:140px 32px 80px;max-width:640px;margin:0 auto;text-align:center}.hero h1{font-size:40px;font-weight:600;letter-spacing:-1px;margin-bottom:16px;line-height:1.1}.hero p{color:var(--text-secondary);font-size:16px;margin-bottom:32px;line-height:1.6}.hero-buttons{gap:12px}.hero-buttons,.stats{display:flex;justify-content:center}.stats{gap:64px;padding:48px 32px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stat{text-align:center}.stat-value{font-size:24px;font-weight:600;letter-spacing:-.5px}.stat-label{font-size:12px;color:var(--text-muted);margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.grades-section{padding:80px 32px;max-width:1100px;margin:0 auto}.section-header{text-align:center;margin-bottom:48px}.section-header h2{font-size:24px;font-weight:600;letter-spacing:-.5px;margin-bottom:8px}.section-header p{color:var(--text-secondary);font-size:14px}.grades-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.grade-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px;display:flex;flex-direction:column;transition:border-color .15s}.grade-card:hover{border-color:var(--text-muted)}.grade-card.popular{border-color:var(--purple)}.grade-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--purple);margin-bottom:16px}.grade-name{font-size:16px}.grade-name,.grade-price{font-weight:600;margin-bottom:4px}.grade-price{font-size:28px;letter-spacing:-1px}.grade-price span{font-size:13px;font-weight:400;color:var(--text-muted)}.grade-billing{font-size:12px;color:var(--text-muted);margin-bottom:24px}.grade-features{list-style:none;flex:1 1;margin-bottom:24px}.grade-features li{font-size:13px;color:var(--text-secondary);padding:6px 0;display:flex;align-items:center;gap:8px}.grade-features li:before{content:"✓";color:var(--text-muted);font-size:11px}.grade-features li.disabled{color:var(--text-muted)}.grade-features li.disabled:before{content:"—"}.grade-card .btn{width:100%}.preview-section{padding:80px 32px;border-top:1px solid var(--border)}.preview-container{max-width:1000px;margin:0 auto;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;overflow:hidden}.preview-header{display:flex;align-items:center;gap:6px;padding:12px 16px;background:var(--bg-card);border-bottom:1px solid var(--border)}.preview-dot{width:10px;height:10px;border-radius:50%;background:var(--border)}.preview-content{display:flex;height:420px}.preview-sidebar{width:220px;background:var(--bg-primary);border-right:1px solid var(--border);padding:12px 8px}.sidebar-header{padding:8px 12px;font-size:13px;font-weight:600;margin-bottom:8px}.channel-category{margin-bottom:12px}.category-header{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:8px 12px 4px}.channel{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:4px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .1s}.channel.active,.channel:hover{background:var(--bg-hover);color:var(--text-primary)}.channel.locked{color:var(--text-muted)}.channel-icon{font-size:14px;opacity:.7}.preview-main{flex:1 1;display:flex;flex-direction:column;background:var(--bg-primary)}.preview-main-header{padding:12px 16px;border-bottom:1px solid var(--border);font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.preview-messages{flex:1 1;padding:16px;overflow-y:auto}.message{display:flex;gap:12px;margin-bottom:16px}.message-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg-hover);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.message-content{flex:1 1;min-width:0}.message-header{display:flex;align-items:center;gap:8px;margin-bottom:2px}.message-author{font-size:13px;font-weight:600}.message-badge{padding:1px 6px;border-radius:3px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge-owner{background:var(--red);color:#fff}.badge-mod{background:var(--blue);color:#fff}.badge-vip{background:var(--gold);color:#000}.badge-premium{background:var(--purple);color:#fff}.message-time{font-size:11px;color:var(--text-muted)}.message-text{font-size:13px;color:var(--text-secondary);line-height:1.5}.preview-members{width:200px;background:var(--bg-primary);border-left:1px solid var(--border);padding:12px}.members-category{margin-bottom:12px}.members-category-title{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.member{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:4px;cursor:pointer;transition:background .1s}.member-avatar,.member:hover{background:var(--bg-hover)}.member-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600}.member-name{font-size:12px;font-weight:500}.member-name.owner{color:var(--red)}.member-name.mod{color:var(--blue)}.member-name.vip{color:var(--gold)}.member-name.premium{color:var(--purple)}.member-name.standard{color:var(--green)}.features-section{padding:80px 32px;border-top:1px solid var(--border)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;max-width:900px;margin:0 auto}.feature-card{padding:24px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;transition:border-color .15s}.feature-card:hover{border-color:var(--text-muted)}.feature-icon{font-size:20px;margin-bottom:12px}.feature-card h3{font-size:14px;font-weight:600;margin-bottom:6px}.feature-card p{font-size:13px;color:var(--text-secondary);line-height:1.5}.footer{margin-top:auto;padding:24px 32px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.footer-left{font-size:12px;color:var(--text-muted)}.footer-links{display:flex;gap:24px}.footer-links a{font-size:12px;color:var(--text-muted);text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--text-primary)}@media (max-width:1024px){.grades-grid{grid-template-columns:repeat(2,1fr)}.preview-members{display:none}}@media (max-width:768px){.navbar{padding:0 16px}.nav-links{display:none}.hero{padding:100px 20px 60px}.hero h1{font-size:28px}.hero p{font-size:14px}.stats{gap:32px}.stat-value{font-size:20px}.features-grid,.grades-grid{grid-template-columns:1fr}.preview-sidebar{display:none}.footer{flex-direction:column;gap:16px;text-align:center}}