*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#070a12;color:#fff}a{color:inherit;text-decoration:none}.hero{min-height:100vh;background:radial-gradient(circle at top right,#1b55ff55,transparent 35%),linear-gradient(135deg,#050712,#11182f);padding:32px}.nav{display:flex;justify-content:space-between;align-items:center}.brand{font-size:28px;font-weight:900;letter-spacing:-1px}.brand span{color:#5bd4ff}.nav a,.btn{background:#fff;color:#07101f;padding:12px 18px;border-radius:14px;font-weight:800;display:inline-block;border:0}.btn.secondary{background:#1b2540;color:#fff}.hero-box{max-width:760px;margin-top:110px}.hero h1{font-size:64px;line-height:.95;margin:0 0 20px}.hero p{font-size:21px;color:#cbd5e1}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px;padding:24px}.tile,.card{background:#101827;border:1px solid #26324a;border-radius:22px;padding:18px;box-shadow:0 20px 60px #0004}.tile:hover{transform:translateY(-3px);transition:.2s}.logo{height:82px;display:flex;align-items:center;justify-content:center;background:#0b1020;border-radius:16px;margin-bottom:12px}.logo img{max-width:100%;max-height:70px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:#0b1020;position:sticky;top:0;z-index:5}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#090d19;padding:24px;border-right:1px solid #202a40}.sidebar a{display:block;padding:12px;border-radius:12px;color:#cbd5e1}.sidebar a:hover{background:#18223a;color:#fff}.content{padding:24px}.form{max-width:460px;margin:60px auto}.input,select{width:100%;padding:13px;border-radius:12px;border:1px solid #334155;background:#0b1020;color:#fff;margin:7px 0 14px}table{width:100%;border-collapse:collapse;background:#101827;border-radius:16px;overflow:hidden}td,th{padding:13px;border-bottom:1px solid #26324a;text-align:left}th{color:#93c5fd}.center{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:20px}.player-wrap{padding:24px}.video{width:100%;max-height:70vh;background:#000;border-radius:20px}.badge{padding:6px 10px;border-radius:99px;background:#16345a;color:#93c5fd;font-size:12px}.actions{display:flex;gap:8px;flex-wrap:wrap}.notice{background:#12223d;color:#bfdbfe;padding:12px 16px;border-radius:12px;margin-bottom:16px}.danger{background:#5f1515!important;color:#fff!important}@media(max-width:800px){.layout{grid-template-columns:1fr}.sidebar{display:flex;overflow:auto}.hero h1{font-size:42px}.hero-box{margin-top:70px}.topbar{gap:10px;align-items:flex-start;flex-direction:column}}