*{box-sizing:border-box}body{margin:0;background:#08060d;color:#f7f2ff;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:10;background:rgba(8,6,13,.95);border-bottom:1px solid #6d22a5;padding:12px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px}.brand img{width:54px;height:54px;object-fit:contain}.brand strong{display:block;font-size:18px}.brand small{color:#cda9ff}.topbar nav{display:flex;gap:14px;flex-wrap:wrap;font-size:14px}.topbar nav a:hover{color:#e33cff}.container{width:min(1180px,92%);margin:30px auto}.hero{display:grid;grid-template-columns:260px 1fr;gap:35px;align-items:center;padding:35px;border:1px solid #7d24aa;border-radius:24px;background:radial-gradient(circle at 10% 20%,#341052,#0d0914 55%);box-shadow:0 0 35px rgba(193,35,255,.18)}.hero>img{width:100%;max-width:260px}.hero h1,.page-head h1{font-size:clamp(30px,5vw,52px);margin:5px 0 12px}.eyebrow{letter-spacing:3px;color:#dc53ff;font-weight:bold}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-block;padding:12px 18px;border:1px solid #8e32bd;border-radius:12px;background:#15101d;font-weight:bold}.btn.primary{background:linear-gradient(90deg,#a90cff,#ec39ff);border:0}.bluebtn{background:#075ed8;border-color:#35aaff}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:25px}.card,.profile-card,.news-card{display:block;background:#110d18;border:1px solid #382244;border-radius:18px;padding:22px}.card b{display:block;color:#df43ff;font-size:18px;margin-bottom:8px}.card span{color:#bdb1c7}.big{margin-top:25px}.page-head{margin:25px 0}.live-list,.news-list{display:grid;gap:12px}.streamer-row{display:flex;align-items:center;gap:15px;background:#110d18;border:1px solid #3a2348;border-radius:16px;padding:14px}.avatar{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#c20cff,#421064);font-weight:bold;font-size:22px}.avatar.large{width:90px;height:90px;margin:auto}.avatar.blue{background:linear-gradient(135deg,#00aaff,#06458d)}.streamer-info{flex:1}.streamer-info h3{margin:0 0 4px}.streamer-info span,.streamer-info small{display:block;color:#a99caf}.status{color:#999}.status.live{color:#ff3158;font-weight:bold}.profile-card{text-align:center}.news-card small,.muted{color:#978b9f}.phoenix{border-color:#087bd4}.phoenix .eyebrow{color:#38aaff}.phoenix-logo{font-size:130px;text-align:center}.footer{margin-top:50px;padding:25px;text-align:center;border-top:1px solid #35223f;color:#96889e}.footer img{width:70px;vertical-align:middle;margin-right:12px}.login{width:min(420px,90%);margin:8vh auto;background:#110d18;padding:30px;border-radius:20px;border:1px solid #6d22a5;text-align:center}.login img{width:180px}.login input{display:block;width:100%;margin:10px 0;padding:13px;border-radius:10px;border:1px solid #4b3157;background:#08060d;color:white}.login .btn{width:100%;margin-top:8px}.error{color:#ff496c}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #34223e;text-align:left}@media(max-width:800px){.topbar{position:static;display:block}.topbar nav{margin-top:12px}.hero{grid-template-columns:1fr;text-align:center}.hero>img{margin:auto}.streamer-row{align-items:flex-start}.streamer-row .btn{margin-left:auto}.brand img{width:45px;height:45px}}@media(max-width:520px){.container{width:94%}.streamer-row{flex-wrap:wrap}.streamer-row .btn{width:100%;text-align:center}.topbar nav a{padding:5px 0}.phoenix-logo{font-size:90px}}