*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050814;color:#f7f5ff;font-family:Inter,system-ui,sans-serif}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 55% 12%,#4d16b52c,transparent 30%),radial-gradient(circle at 85% 75%,#126cff18,transparent 28%),linear-gradient(#060916dd,#060916dd);z-index:-1}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:grid;grid-template-columns:220px minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:220px;padding:24px 16px;border-right:1px solid #242944;background:#070b18e8;backdrop-filter:blur(16px);display:flex;flex-direction:column;z-index:20}.logo{font-size:42px;font-weight:900;line-height:1;letter-spacing:-5px;background:linear-gradient(90deg,#b42cff,#55a8ff);color:transparent;background-clip:text}.brand-name{font-weight:850;font-size:18px;margin-top:7px}.brand-tag{color:#bd55ff;font-size:11px;letter-spacing:.08em;margin:4px 0 22px}.nav{display:grid;gap:7px}.nav a{display:flex;align-items:center;gap:13px;padding:12px 13px;border-radius:11px;color:#c4c8dc;font-size:14px;font-weight:650}.nav a:hover,.nav a.active{color:#fff;background:linear-gradient(135deg,#7a13e9,#4511a9);box-shadow:0 8px 24px #6517d94d}.nav i{width:20px;text-align:center;color:#b8a2ff}.nav a.active i{color:#fff}.side-bottom{margin-top:auto}.status{padding:13px;border:1px solid #222b45;border-radius:12px;background:#0c1222;color:#92a0ba;font-size:11px}.status b{display:block;color:#45f89a;margin-top:8px}.main{grid-column:2;padding:22px;min-width:0}.topbar{height:56px;display:flex;align-items:center;gap:14px;margin-bottom:14px}.search{max-width:500px;flex:1;margin:auto;position:relative}.search input,.viewer-search input{width:100%;border:1px solid #29304c;background:#0b1020;color:#fff;border-radius:12px;padding:13px 16px 13px 42px;outline:0}.search i{position:absolute;left:16px;top:14px;color:#aaa5d8}.top-actions{display:flex;gap:9px}.icon-btn{width:42px;height:42px;border:1px solid #282e48;border-radius:50%;background:#0d1222;color:#d9d7ed;display:grid;place-items:center}.layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:18px}.content{min-width:0}.card{border:1px solid #212943;background:linear-gradient(145deg,#0d1222e8,#090e1bdd);border-radius:15px;box-shadow:0 15px 45px #0005}.hero{min-height:318px;padding:42px;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 40%,#6316de80,transparent 29%),linear-gradient(135deg,#12152e,#0d0a25 56%,#121349)}.hero:after{content:'MNV';position:absolute;right:24px;bottom:18px;font:900 112px/1 Orbitron,sans-serif;font-style:italic;color:transparent;-webkit-text-stroke:2px #ad50ff;text-shadow:0 0 10px #932cff,0 0 32px #6825ff;transform:rotate(-8deg);opacity:.92}.hero-copy{position:relative;z-index:2;max-width:490px}.hero h1{font-size:49px;line-height:1.06;letter-spacing:-.055em;margin:0 0 14px}.purple{color:#9336ff}.hero p{color:#d0cee0;line-height:1.6;margin:0;max-width:430px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{border:1px solid #41366e;border-radius:10px;padding:12px 18px;background:#12162a;color:#fff;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;gap:9px}.btn.primary{border:0;background:linear-gradient(135deg,#8c18ef,#5210c5);box-shadow:0 8px 24px #6517d950}.btn:hover{transform:translateY(-1px)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.stat{padding:18px;display:flex;align-items:center;gap:14px}.stat-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:20px;background:linear-gradient(135deg,#8537ff,#3b15c8)}.stat:nth-child(2) .stat-icon{background:linear-gradient(135deg,#2b95ff,#1744a6)}.stat:nth-child(3) .stat-icon{background:linear-gradient(135deg,#f05ca9,#8a125b)}.stat small{display:block;color:#aeb4ca}.stat strong{display:block;font-size:21px;margin-top:4px}.panels{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel{padding:18px;min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-weight:800}.panel-title i{color:#a92fff;margin-right:9px}.panel-title a{font-size:12px;color:#b74cff}.announcement-track{display:grid;gap:8px}.home-announcement-card{padding:12px;border-left:3px solid #8b24f4;background:#10172a;border-radius:8px}.home-announcement-card h3{font-size:14px;margin:0 0 5px}.home-announcement-card p{font-size:12px;color:#aeb4c8;margin:0 0 5px}.home-announcement-card small{font-size:10px;color:#68718c}.viewer-directory-copy{color:#aeb4c8;font-size:12px;line-height:1.6}.viewer-search{position:relative}.viewer-search input{padding-left:14px}.viewer-suggestions{position:absolute;display:none;z-index:10;top:48px;inset-inline:0;border:1px solid #2b3151;background:#0c1120;border-radius:10px;overflow:hidden}.viewer-suggestions.active{display:block}.viewer-suggestion{display:flex;width:100%;align-items:center;gap:10px;border:0;background:transparent;color:#fff;padding:9px;text-align:left;cursor:pointer}.viewer-suggestion:hover{background:#181e34}.viewer-suggestion img{width:35px;height:35px;border-radius:50%}.viewer-suggestion-info{display:grid}.viewer-suggestion-info span{font-size:11px;color:#9299ae}.right{display:grid;gap:14px;align-content:start}.live-card,.quick{padding:17px}.live-heading{display:flex;justify-content:space-between;font-size:12px;font-weight:800;margin-bottom:12px}.live-heading span:first-child:before{content:'';display:inline-block;width:9px;height:9px;background:#ff4859;border-radius:50%;margin-right:8px;box-shadow:0 0 10px #ff4859}.live-heading a{color:#bd55ff}.player{aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#090610}.player iframe{width:100%;height:100%;border:0}.live-card h3{font-size:14px;margin:12px 0 5px}.live-card p{font-size:12px;color:#aab0c2;margin:0}.live-card .btn{width:100%;justify-content:center;margin-top:14px}.note{padding:28px 30px;background:#ffe3a7;color:#151515;transform:rotate(2deg);border-radius:7px;box-shadow:0 14px 30px #0006}.note small{color:#8a5a20;font-weight:900}.note h2{font-size:25px;line-height:1.35;margin:13px 0 0}.note b{color:#702dda}.quick h3{font-size:12px;margin:0 0 14px}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quick-grid a{padding:13px 8px;text-align:center;background:#10172a;border:1px solid #242c47;border-radius:10px;font-size:11px;font-weight:700}.quick-grid i{display:block;font-size:20px;color:#b849ff;margin-bottom:7px}.footer{text-align:center;color:#68718c;font-size:11px;padding:20px}.mobile-menu{display:none}.viewer-buttons{display:flex;gap:8px;margin-top:10px}.viewer-buttons .btn{padding:9px 12px;font-size:11px}@media(max-width:1150px){.layout{grid-template-columns:1fr}.right{grid-template-columns:1fr 1fr}.quick{grid-column:1/-1}}@media(max-width:800px){.shell{display:block}.sidebar{position:sticky;width:auto;height:auto;padding:12px;display:block;border-right:0;border-bottom:1px solid #242944}.sidebar .brand-name,.sidebar .brand-tag,.side-bottom{display:none}.logo{font-size:25px;letter-spacing:-3px}.nav{display:flex;overflow:auto;margin-top:9px}.nav a{white-space:nowrap;padding:9px 11px}.main{padding:12px}.topbar{display:none}.hero{padding:28px;min-height:360px}.hero h1{font-size:38px}.hero:after{font-size:75px;right:12px;opacity:.5}.stats,.panels,.right{grid-template-columns:1fr}.note{transform:none}.buttons .btn{flex:1}.layout{display:block}.right{display:grid;margin-top:14px}}