*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,Arial,sans-serif;background:#07050c;color:#efe8ff;background-image:radial-gradient(circle at top,#241244 0,#07050c 55%)}a{text-decoration:none;color:inherit}.site-wrap{width:min(1180px,94%);margin:36px auto 0;border:1px solid rgba(168,111,255,.22);box-shadow:0 25px 90px rgba(0,0,0,.55);background:#080512}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:rgba(7,4,16,.92);border-bottom:1px solid rgba(168,111,255,.25)}.crest{font-family:Cinzel,serif;font-weight:900;color:#f7d36b;font-size:22px;letter-spacing:2px}.topbar nav{display:flex;gap:8px;align-items:center}.topbar nav a,.login{font-size:13px;font-weight:800;text-transform:uppercase;color:#d8cff3;padding:12px 14px;border-radius:3px}.topbar nav a:hover,.topbar nav a.active{color:#fff;background:linear-gradient(180deg,#5b28c9,#2b105f)}.login{color:#f7d36b}.hero{height:520px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;background:url('assets/background.jpg') center 28%/cover no-repeat;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 43%,rgba(0,0,0,.08),rgba(0,0,0,.45) 45%,rgba(6,3,12,.96) 100%),linear-gradient(to bottom,rgba(0,0,0,.08),rgba(8,5,18,.95))}.hero-center{position:relative;z-index:1;padding-top:30px;text-shadow:0 8px 35px #000}.small{font-size:13px;text-transform:uppercase;letter-spacing:5px;color:#f7d36b;font-weight:800}.hero h1{font-family:Cinzel,serif;font-size:clamp(52px,8vw,104px);line-height:.92;margin:8px 0 4px;color:#fff4cb;text-shadow:0 0 18px rgba(247,211,107,.7),0 8px 35px #000}.sub{font-family:Cinzel,serif;font-size:22px;color:#ead7ff}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:-45px auto 0;position:relative;z-index:2;width:min(850px,88%)}.action{min-height:96px;display:grid;grid-template-columns:58px 1fr;grid-template-rows:1fr 1fr;align-items:center;padding:16px 20px;background:linear-gradient(135deg,rgba(91,40,201,.95),rgba(64,15,74,.95));border:1px solid rgba(247,211,107,.32);box-shadow:0 18px 45px rgba(0,0,0,.45);transition:.2s}.action:hover{transform:translateY(-4px);filter:brightness(1.12)}.action .icon{grid-row:1/3;font-size:34px;color:#f7d36b}.action strong{font-family:Cinzel,serif;font-size:21px;text-transform:uppercase;color:#fff}.action small{color:#d6c6ff}.content-grid{display:grid;grid-template-columns:1fr 330px;gap:24px;padding:46px 36px}.panel{background:linear-gradient(180deg,rgba(35,17,74,.86),rgba(10,6,20,.94));border:1px solid rgba(168,111,255,.25);box-shadow:0 18px 50px rgba(0,0,0,.35);padding:24px}.panel h2{font-family:Cinzel,serif;color:#fff4cb;font-size:25px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs button{border:1px solid rgba(168,111,255,.45);background:#130a2a;color:#d9ccff;padding:9px 12px;text-transform:uppercase;font-weight:800;font-size:11px}.post{padding:19px 0;border-top:1px solid rgba(168,111,255,.18)}.post span{color:#f7d36b;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:2px}.post h3{font-family:Cinzel,serif;font-size:24px;margin:8px 0;color:#fff}.post p{color:#cfc3ea;line-height:1.7}.side{display:grid;gap:24px}.status div{display:flex;justify-content:space-between;gap:14px;padding:16px 0;border-top:1px solid rgba(168,111,255,.18)}.status b{color:#f7d36b}.status span{color:#cfc3ea}.ranking ol{margin:18px 0 0 20px;color:#d8cff3;line-height:2.2}footer{text-align:center;color:#9d91bd;padding:28px}@media(max-width:900px){.site-wrap{margin-top:0;width:100%;border-left:0;border-right:0}.topbar nav{display:none}.hero{height:470px}.quick-actions{grid-template-columns:1fr;margin-top:-30px}.content-grid{grid-template-columns:1fr;padding:32px 18px}.panel-head{align-items:flex-start;flex-direction:column}}
.green { color: #4cff7a; }
.red { color: #ff4c4c; }

.ranking li {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.content-grid {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 24px;
  align-items: start;
}

.side {
  position: sticky;
  top: 20px;
}

.post {
  padding: 18px 20px;
}

.post p {
  line-height: 1.7;
}

.compact-info p {
  font-size: 14px;
}

.green {
  color: #4cff7a;
}

.red {
  color: #ff4c4c;
}

.ranking li {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}