:root{
  /* Минималистичная палитра */
  --bg:#0e0f13;
  --bg-soft:#12141b;
  --text:#e6e8ee;
  --muted:#aeb4c2;
  --accent:#ff4d8d;         /* мягкий розово-пурпурный */
  --accent-soft:#ff4d8d33;
  --card:#13151c;
  --stroke:#242938;
}

*{box-sizing:border-box}
html,body{height:100%}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:'Montserrat',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Noto Sans','Helvetica Neue',Arial,'Apple Color Emoji','Segoe UI Emoji';
  color:var(--text);
  background: radial-gradient(900px 500px at 80% -20%, #20233a 0%, transparent 60%), var(--bg);
}

.container{width:min(1120px,100%);margin:0 auto;padding:0 24px}

/* Header */
.site-header{position:sticky;top:0;z-index:20;background:rgba(14,15,19,.7);backdrop-filter:saturate(1.2) blur(6px);border-bottom:1px solid #ffffff0d}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{font-weight:800;letter-spacing:.5px}
.brand-main{color:#fff}
.brand-accent{color:var(--accent);margin-left:2px}
.nav{display:none}

/* Main */
.main{padding:32px 0 72px}
.section{padding:24px 0}
.section-alt{background:linear-gradient(180deg, #0e0f13 0, #0e0f13 100%)}
.section-title{font-size:28px;margin:0 0 20px 0;font-weight:700;letter-spacing:.3px}

/* Card / Accordion */
.card{background:var(--card);
  border:1px solid var(--stroke);
  border-radius:14px;
  padding:0;
  margin:16px 0;
  overflow:hidden;
  transition:transform .18s ease, box-shadow .18s ease, border-color .2s, background .2s;
  box-shadow:0 4px 14px #00000030;
}
.card:hover{transform:translateY(-1px);box-shadow:0 8px 22px #00000045}
.card[open]{border-color:var(--accent);box-shadow:0 10px 28px #00000055}
.card-title{margin:0 0 10px 0;font-size:20px;font-weight:700}
.card-summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;outline:none;border:none;background:transparent;color:#fff;font-weight:700;font-size:18px;margin:0 0 6px 0}
.card-summary::-webkit-details-marker{display:none}
.card-summary{padding:18px 22px; border-bottom:1px solid transparent; border-top-left-radius:14px; border-top-right-radius:14px; display:flex; width:100%; position:relative; line-height:1.2}
.card-summary:hover{background:#ffffff10; border-bottom-color:#ffffff12}
.card-summary:hover, .card-summary:hover:after{color:#ffffff}
.card-summary:active{transform:scale(0.995)}
.card-summary:focus-visible{outline:none; box-shadow:0 0 0 2px #ffffff10, 0 0 0 4px var(--accent-soft); border-radius:12px}
.card[open] .card-summary{border-bottom:1px solid #ffffff10}
.card[open] .card-summary{color:#fff}
/* Правый блок текста и стрелка */
.card .card-summary:after{content:"Развернуть";color:var(--muted);font-weight:600;margin-left:auto;font-size:14px}
.card[open] .card-summary:after{content:"Свернуть"}
.card .card-summary::before{content:"\276F"; /* ❯ */ color:var(--muted); margin-left:8px; font-size:14px; transform:rotate(90deg); transition:transform .18s ease, color .18s}
.card[open] .card-summary::before{transform:rotate(-90deg); color:var(--accent)}

.card-content{overflow:hidden; max-height:0; opacity:0; transition:max-height .36s ease, padding .28s ease, opacity .25s ease}
.card[open] .card-content{max-height:2000px; opacity:1}
.rules-list{margin:0;padding:0 28px 22px 56px;display:grid;gap:12px;animation:reveal .18s ease}
.rules-list li{line-height:1.65; list-style:none; position:relative; padding-left:22px}
.rules-list li::before{content:""; position:absolute; left:0; top:0.9em; width:6px; height:6px; border-radius:50%; background:var(--muted)}
.rules-list li.sub{list-style:none;color:var(--muted);margin-left:-18px;padding-left:0}
.rules-list li.sub::before{display:none}
.rules-list li.sub{list-style:none;color:var(--muted);margin-left:-18px}

@keyframes reveal{from{opacity:.4;transform:translateY(-4px)} to{opacity:1;transform:translateY(0)}}

/* Дополнительный отступ и разделение при открытии */
.card[open] .card-content{padding-top:14px;border-top:1px solid #ffffff12}
.rules-list{margin:0;padding-left:18px;display:grid;gap:6px}
.rules-list li{line-height:1.5}
.rules-list li.sub{list-style:none;color:var(--muted);margin-left:-18px}

.muted{color:var(--muted)}

/* Footer */
.site-footer{border-top:1px solid #ffffff14;padding:24px 0;background:#0e0f13}

/* Responsive */
@media (max-width:720px){
  .header-inner{height:56px}
  .nav{gap:8px}
  .section-title{font-size:24px}
  .card-summary{padding:16px}
}