/* ===========================================================
   Страница клуба (редизайн member.privatelabel.mba) — стиль сайта.
   Подключается ПОСЛЕ styles.css.
   =========================================================== */

/* ---------- кнопка «Войти» — фиолетовая (в тон плитке Rank Tracker) ---------- */
.btn-purple { background:linear-gradient(155deg,#8b3df0,#6f23d6); color:#fff; box-shadow:0 10px 24px rgba(111,35,214,.30); }
.btn-purple:hover { transform:translateY(-2px); box-shadow:0 16px 32px rgba(111,35,214,.42); }

/* ---------- HERO по центру ---------- */
.hero-center { text-align:center; padding-top:60px; padding-bottom:52px; position:relative; overflow:hidden; }
.hero-center::before {
  content:""; position:absolute; inset:0; z-index:-1;
  background:
    radial-gradient(58% 60% at 50% -12%, rgba(117,139,253,.16), transparent 60%),
    radial-gradient(40% 50% at 92% 110%, rgba(255,134,0,.10), transparent 60%);
}
.hero-center .eyebrow { margin-bottom:22px; }
.hero-center h1 { font-size:clamp(30px,4.4vw,52px); max-width:780px; margin:0 auto 20px; }
.hero-center .lead { max-width:42em; margin:0 auto 32px; color:var(--muted); }
.hero-center .hero-cta { justify-content:center; }

/* ---------- МАТЕРИАЛЫ — цветные плитки ---------- */
.tiles { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.tile {
  position:relative; border-radius:var(--radius); padding:28px 26px; min-height:182px;
  display:flex; flex-direction:column; color:#fff; overflow:hidden; text-decoration:none;
  box-shadow:var(--shadow-sm); transition:transform .3s var(--ease), box-shadow .3s var(--ease);
}
.tile:hover { transform:translateY(-6px); box-shadow:var(--shadow); }
.tile h3 { font-family:var(--display); font-size:25px; color:#fff; text-transform:none; letter-spacing:0; line-height:1.16; margin-bottom:10px; }
.tile p { font-size:15.5px; line-height:1.55; color:rgba(255,255,255,.9); flex:1; }
.tile.c1 { background:linear-gradient(155deg,#27187e,#160d49); }
.tile.c2 { background:linear-gradient(155deg,#ff921f,#f97a00); color:#3a1d00; }
.tile.c2 h3 { color:#3a1d00; } .tile.c2 p { color:rgba(58,29,0,.82); }
.tile.c3 { background:linear-gradient(155deg,#7b8cff,#5566e8); }
.tile.c4 { background:linear-gradient(155deg,#11b5a6,#0a8f86); }
.tile.c5 { background:linear-gradient(155deg,#8b3df0,#6f23d6); }
.tile.c6 { background:linear-gradient(155deg,#f0506e,#d62e54); }

/* ---------- ИНСТРУМЕНТЫ — маленькие плитки (не кликабельные, hover-подсветка) ---------- */
.tools-sec { background:var(--soft); }
.tools-grid { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }
.tool {
  display:inline-flex; align-items:center; gap:10px;
  background:#fff; border:1px solid var(--line); border-radius:13px; padding:12px 16px;
  font-weight:600; font-size:14.5px; color:var(--ink); text-decoration:none;
  box-shadow:var(--shadow-sm); transition:transform .2s, border-color .2s, box-shadow .2s, color .2s;
}
.tool:hover { transform:translateY(-2px) scale(1.05); border-color:var(--peri); box-shadow:0 8px 22px rgba(117,139,253,.28); color:var(--navy); }
.tool .ti { width:28px; height:28px; border-radius:8px; background:var(--soft-2); display:grid; place-items:center; color:var(--navy); flex:0 0 auto; }
.tool .ti svg { width:16px; height:16px; }

/* ---------- БЛОК ВСТУПЛЕНИЯ ---------- */
.join { background:var(--bg); }
.join-card { position:relative; overflow:hidden; background:linear-gradient(160deg,var(--navy),var(--navy-2) 70%,var(--navy-3)); color:#fff; border-radius:var(--radius); padding:56px 40px; text-align:center; }
.join-card::before { content:""; position:absolute; inset:0; background:radial-gradient(50% 60% at 85% 8%, rgba(117,139,253,.3), transparent 60%), radial-gradient(42% 52% at 8% 100%, rgba(255,134,0,.18), transparent 60%); }
.join-card > * { position:relative; }
.join-card h2 { font-family:var(--display); font-size:clamp(28px,4vw,40px); text-transform:uppercase; color:#fff; margin-bottom:14px; }
.join-card p { color:rgba(255,255,255,.82); font-size:17px; max-width:34em; margin:0 auto 22px; }
.join-price { font-family:var(--display); font-size:48px; color:#fff; line-height:1; margin-bottom:24px; }
.join-price span { font-family:var(--font); font-size:16px; color:rgba(255,255,255,.6); }

/* ---------- ПОДВАЛ ---------- */
.club-footer { background:var(--navy-3); color:rgba(255,255,255,.6); padding:34px 0; }
.club-footer .container { display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; font-size:14px; }
.club-footer a { color:rgba(255,255,255,.82); text-decoration:none; }
.club-footer a:hover { color:var(--orange-2); }

@media (max-width:900px){ .tiles { grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .tiles { grid-template-columns:1fr; } .join-card { padding:40px 22px; } }