:root{--n300-bg:#060606;--n300-surface:#0d0d0f;--n300-surface2:#121215;--n300-border:rgba(255,255,255,.09);--n300-red:#ff3131;--n300-text:#fff;--n300-muted:rgba(255,255,255,.72)}
.n300-channels-v2{background:linear-gradient(180deg,#050505,#090909 25%,#080808);color:var(--n300-text);padding-bottom:48px}
.n300-ch-shell{width:min(1220px,92vw);margin:0 auto}
.n300-ch-hero{padding:56px 0 28px;border-bottom:1px solid var(--n300-border);background:radial-gradient(circle at top right,rgba(150,0,0,.22),transparent 35%),linear-gradient(180deg,#090909,#070707)}
.n300-ch-kicker{display:inline-flex;align-items:center;gap:10px;color:#ffaaaa;font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;margin-bottom:14px}.n300-ch-kicker i{width:8px;height:8px;border-radius:50%;background:var(--n300-red);display:inline-block;box-shadow:0 0 0 6px rgba(255,49,49,.16)}
.n300-ch-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:start}
.n300-ch-hero h1{font-size:clamp(44px,6vw,78px);line-height:.93;letter-spacing:-.04em;margin:0 0 18px}.n300-ch-hero h1 span{color:var(--n300-red)}
.n300-ch-hero p{max-width:720px;color:var(--n300-muted);font-size:18px;line-height:1.7;margin:0 0 22px}
.n300-ch-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}
.n300-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:999px;border:1px solid var(--n300-border);background:transparent;color:#fff;font-weight:800;text-decoration:none;transition:.18s ease}
.n300-btn:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.18)}
.n300-btn-red{background:linear-gradient(135deg,#ff4040,#ae0000);border-color:transparent;box-shadow:0 10px 28px rgba(255,49,49,.26)}
.n300-btn-red:hover{filter:brightness(1.05)}
.n300-ch-statusbar{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.n300-chip{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid var(--n300-border);border-radius:18px;padding:16px}.n300-chip span{display:block;font-size:11px;letter-spacing:.2em;color:#bdbdbd;text-transform:uppercase;margin-bottom:8px}.n300-chip strong{display:block;font-size:18px;line-height:1.25}.n300-chip small{display:block;color:var(--n300-muted);margin-top:6px}
.n300-ch-map{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.n300-map-card,.n300-studio-card,.n300-studio-panel,.n300-entry-card{position:relative;overflow:hidden;border-radius:24px;border:1px solid var(--n300-border);background:linear-gradient(180deg,#111,#0c0c0f)}
.n300-map-card{min-height:164px;padding:18px;background-image:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.82)),var(--card-bg);background-size:cover;background-position:center center;color:#fff;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end}
.n300-map-card span,.n300-studio-card span,.n300-studio-panel .n300-card-kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#ffb4b4;font-weight:800}
.n300-map-card strong{font-size:26px;line-height:1}.n300-map-card small{font-size:14px;color:rgba(255,255,255,.78);margin-top:6px}
.n300-ch-section{padding:34px 0}
.n300-ch-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px}.n300-ch-head h2{margin:0;font-size:36px;letter-spacing:-.03em}.n300-ch-head p{margin:4px 0 0;color:var(--n300-muted)}.n300-ch-head a{color:#fff;text-decoration:none;font-weight:700}
.n300-directory{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.n300-studio-card{min-height:336px;padding:18px;background-image:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.84)),var(--card-bg);background-size:cover;background-position:center center;color:#fff;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end}
.n300-studio-card h3{font-size:30px;line-height:.98;margin:8px 0 6px}.n300-studio-card p{color:rgba(255,255,255,.84);margin:0 0 12px;font-size:14px;line-height:1.55}.n300-card-actions{display:flex;gap:8px;flex-wrap:wrap}.n300-mini{font-size:12px;padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.35);color:#fff;text-decoration:none;font-weight:700}
.n300-card-status{position:absolute;top:14px;right:14px;background:rgba(0,0,0,.58);padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.n300-card-status.live{background:rgba(159,0,0,.48);color:#ffd9d9}
.n300-panel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.n300-studio-panel{display:grid;grid-template-columns:240px 1fr;min-height:290px;background:#0d0d0f}
.n300-panel-image{background-image:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.1)),var(--card-bg);background-size:cover;background-position:center center;min-height:240px}
.n300-panel-copy{padding:22px}.n300-panel-copy h3{font-size:34px;margin:8px 0}.n300-panel-copy p{color:var(--n300-muted);line-height:1.65}.n300-tags{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.n300-tags span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--n300-border);font-size:12px;color:#f3f3f3}
.n300-panel-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.n300-entry-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.n300-entry-card{padding:24px;background:linear-gradient(135deg,rgba(108,0,0,.45),rgba(9,9,9,.9))}.n300-entry-card h3{font-size:34px;margin:6px 0 10px}.n300-entry-card p{color:var(--n300-muted);line-height:1.7}.n300-install-list{padding-left:18px;color:var(--n300-muted)}
@media (max-width: 1140px){.n300-directory{grid-template-columns:repeat(2,1fr)}.n300-panel-grid{grid-template-columns:1fr}.n300-studio-panel{grid-template-columns:220px 1fr}.n300-ch-hero-grid,.n300-entry-grid{grid-template-columns:1fr}.n300-ch-map{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 760px){.n300-ch-hero{padding-top:34px}.n300-ch-statusbar,.n300-directory,.n300-ch-map{grid-template-columns:1fr}.n300-studio-panel{grid-template-columns:1fr}.n300-panel-image{min-height:220px}.n300-ch-head{flex-direction:column;align-items:flex-start}.n300-studio-card{min-height:300px}.n300-map-card strong,.n300-studio-card h3{font-size:24px}}