*{box-sizing:border-box}body{margin:0;background:#08090d;color:#eef0ff;font:14px Inter,system-ui;display:flex;min-height:100vh}aside{width:245px;border-right:1px solid #242436;background:#0c0d13;padding:25px 18px;position:fixed;height:100vh}.brand{font-size:24px;letter-spacing:1px}.brand span{color:#8b5cf6}aside small{color:#696b7d;font-size:10px}nav{margin-top:30px;display:grid;gap:7px}button{background:none;border:0;color:#8c8fa5;text-align:left;padding:11px 13px;border-radius:8px;font-weight:650}button.on,button:hover{background:#241b45;color:#a98cff}.note{position:absolute;bottom:22px;color:#77798b;font-size:11px;line-height:1.5;padding:12px}main{margin-left:245px;width:calc(100% - 245px);padding:30px;max-width:1500px}header{display:flex;justify-content:space-between;align-items:center}h1{margin:0;font-size:26px}p{color:#85889b}.pill{padding:9px 14px;border:1px solid #33344a;border-radius:99px}.online{color:#54e6a0;border-color:#255f49}.hero{margin-top:25px;padding:25px;border:1px solid #292a3e;border-radius:14px;background:radial-gradient(circle at 90% 0,#33205b55,transparent 35%),#101118}.hero h2{font-size:26px;margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}.card,article{border:1px solid #292a3e;border-radius:12px;background:#101118;padding:18px}.card b{display:block;font-size:25px;margin-top:8px}.card small{color:#77798b}.grid{display:grid;grid-template-columns:1.5fr 1fr;gap:14px}h3{margin-top:0}.guild{display:flex;justify-content:space-between;padding:13px;border-bottom:1px solid #222331}.guild:last-child{border:0}.features{display:grid;gap:12px;color:#b9bad0}.features div{background:#151620;padding:12px;border-radius:8px}@media(max-width:800px){aside{display:none}main{margin:0;width:100%;padding:18px}.stats,.grid{grid-template-columns:1fr 1fr}}