@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#050615;--panel:rgba(13,16,43,.76);--line:rgba(139,119,255,.25);--text:#f5f3ff;--muted:#9d9bb8;--accent:#8b72ff;--accent2:#52d7ff;--glow:0 0 30px rgba(139,114,255,.25)}
*{box-sizing:border-box;scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 10%,#17134b 0,#09091f 32%,var(--bg) 70%);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh;overflow-x:hidden}.stars,.stars:before,.stars:after{position:fixed;inset:0;content:"";pointer-events:none;background-image:radial-gradient(1px 1px at 15% 20%,#fff,transparent),radial-gradient(1px 1px at 80% 30%,#fff,transparent),radial-gradient(1px 1px at 40% 70%,#fff,transparent),radial-gradient(1px 1px at 65% 85%,#fff,transparent),radial-gradient(1px 1px at 90% 65%,#fff,transparent);background-size:260px 220px;opacity:.55;z-index:-3}.stars:before{transform:scale(1.7);opacity:.25}.nebula{position:fixed;width:700px;height:700px;right:-250px;top:100px;background:radial-gradient(circle,rgba(116,71,255,.17),transparent 65%);filter:blur(20px);pointer-events:none;z-index:-2}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0;z-index:20;background:rgba(5,6,21,.72);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{font:800 18px Orbitron;letter-spacing:2px}.planet{display:inline-grid;place-items:center;width:34px;height:34px;margin-right:10px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 0 20px rgba(82,215,255,.35);color:#070716}.navlinks{display:flex;gap:24px;align-items:center}.navlinks a{color:#c9c5df;text-decoration:none;font-size:13px}.navlinks a:hover{color:white}.admin-link{padding:10px 14px;border:1px solid var(--line);border-radius:10px}.hero{min-height:650px;max-width:1250px;margin:auto;padding:90px 6%;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative}.eyebrow{font:600 11px Orbitron;letter-spacing:3px;color:var(--accent2)}h1,h2{font-family:Orbitron;margin:12px 0}h1{font-size:clamp(48px,8vw,94px);letter-spacing:5px;text-shadow:0 0 35px rgba(139,114,255,.3)}h2{font-size:clamp(30px,5vw,52px)}h2 span{color:var(--accent2)}.hero-copy>p:not(.eyebrow){font-size:18px;color:var(--muted);max-width:530px}.actions{display:flex;gap:12px;margin:30px 0}.btn{padding:14px 20px;border-radius:10px;text-decoration:none;font-weight:700;font-size:14px}.primary{background:linear-gradient(135deg,var(--accent),#5d4bd8);color:#fff;box-shadow:var(--glow)}.ghost{border:1px solid var(--line);color:white}.status{display:flex;align-items:center;gap:8px;color:#aaa7bf;font-size:13px}.dot{width:8px;height:8px;border-radius:50%;background:#5cff9a;box-shadow:0 0 12px #5cff9a}.planet-art{height:420px;position:relative;display:grid;place-items:center}.planet-big{width:260px;height:260px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#a999ff,#5d45ca 42%,#17113e 72%);box-shadow:0 0 80px rgba(107,74,255,.45),inset -30px -25px 70px #08071b}.ring{position:absolute;width:390px;height:105px;border:10px solid rgba(91,215,255,.35);border-left-color:transparent;border-right-color:transparent;border-radius:50%;transform:rotate(-17deg);box-shadow:0 0 20px rgba(82,215,255,.2)}.orbit{position:absolute;border:1px solid rgba(139,114,255,.25);border-radius:50%}.orbit1{width:470px;height:470px}.orbit2{width:350px;height:350px}.section{max-width:1250px;margin:auto;padding:100px 6%}.narrow{max-width:950px}.section-head{text-align:center;margin-bottom:48px}.section-head>p:last-child{color:var(--muted)}.rank-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.rank{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:26px;position:relative;overflow:hidden;box-shadow:var(--glow);transition:.25s}.rank:hover{transform:translateY(-6px);border-color:rgba(139,114,255,.6)}.rank.top{border-color:rgba(82,215,255,.55)}.rank .badge{font:700 12px Orbitron;letter-spacing:1px;color:var(--accent2)}.rank h3{font:800 22px Orbitron;margin:12px 0}.price{font-size:28px;font-weight:800;margin:16px 0}.features{padding:0;margin:18px 0;list-style:none;color:#b7b4ca;font-size:13px;line-height:2}.buy{display:block;text-align:center;padding:12px;border-radius:9px;background:#161738;color:#fff;text-decoration:none;border:1px solid var(--line);font-weight:700}.rules{display:grid;gap:12px}.rule{background:var(--panel);border:1px solid var(--line);padding:18px 20px;border-radius:12px;color:#c2bfd0}.rule b{color:white;margin-right:8px}.staff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.staff-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;text-align:center}.avatar{width:64px;height:64px;margin:auto;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));font:800 22px Orbitron;color:#080718}.staff-card h3{margin:14px 0 5px}.staff-card p{margin:0;color:var(--accent2);font-size:12px;font-family:Orbitron}footer{border-top:1px solid var(--line);padding:28px 6%;display:flex;justify-content:space-between;color:#77748f;font-size:12px}@media(max-width:800px){.navlinks a:not(.admin-link){display:none}.hero{grid-template-columns:1fr;text-align:center;padding-top:60px}.hero-copy>p:not(.eyebrow){margin:auto}.actions,.status{justify-content:center}.planet-art{height:340px}.planet-big{width:200px;height:200px}.ring{width:300px}.orbit1{width:350px;height:350px}.orbit2{width:270px;height:270px}footer{flex-direction:column;gap:10px;text-align:center}}
/* Professional Accordion Layout */
.rules {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.rule-card {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  backdrop-filter: blur(8px);
  overflow: hidden;
  transition: border-color 0.25s ease, background 0.25s ease;
}

.rule-card:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.2);
}

.rule-header {
  padding: 18px 22px;
  font-weight: 600;
  font-size: 1.05rem;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  user-select: none;
  list-style: none;
}

.rule-header::-webkit-details-marker {
  display: none;
}

.rule-icon-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.05);
  transition: background 0.3s ease, transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.chevron {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  color: rgba(255, 255, 255, 0.7);
}

details[open] .rule-card {
  border-color: rgba(255, 255, 255, 0.25);
}

details[open] .chevron {
  transform: rotate(180deg);
  color: #fff;
}

details[open] .rule-icon-badge {
  background: rgba(255, 255, 255, 0.15);
}

.rule-body {
  padding: 0 22px 18px 22px;
  border-top: 1px solid rgba(255, 255, 255, 0.04);
}

.rule-content {
  padding-top: 14px;
}

.rule-item {
  margin: 8px 0;
  color: #b0b8c4;
  line-height: 1.6;
  font-size: 0.95rem;
}
.brand {
  display: flex;
  align-items: center;
  gap: 10px;
}

.saturn-icon {
  display: inline-block;
  vertical-align: middle;
  filter: drop-shadow(0 0 8px rgba(96, 197, 255, 0.6));
  transition: transform 0.3s ease;
}

.brand:hover .saturn-icon {
  transform: rotate(-5deg) scale(1.08);
}