:root {
  --bg: #030a04;
  --surface: #08120a;
  --surface2: #0e1c10;
  --border: #1a381e;
  --text: #e6f5c9;
  --muted: #89a06f;
  --heading: #ccff00;
  --a1: #a3e635;
  --a2: #ff00aa;
  --good: #39ff88;
  --warn: #fbbf24;
  --danger: #ff3050;
  --overlay: rgba(3,10,4,0.88);
}

/* Hub 5.0 Aurora — base typography */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg,#0f172a);color:var(--text,#f4ede0);font-family:"Inter", system-ui, sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6{font-family:"Space Grotesk", "Inter", system-ui, sans-serif;color:var(--heading,#e8c66a);font-weight:700;line-height:1.25;margin-bottom:16px}
h1{font-size:clamp(28px,4vw,44px)}
h2{font-size:clamp(22px,3vw,32px);margin-top:32px}
h3{font-size:clamp(18px,2vw,22px);margin-top:20px}
p{margin-bottom:12px;max-width:75ch}
ul,ol{margin:0 0 16px 24px}
li{margin-bottom:6px}
a{color:var(--a1,#e8c66a);text-decoration:none;transition:color .15s}
a:hover{color:var(--a2,#a05c1f);text-decoration:underline}
table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border,#222637)}
th{color:var(--muted,#9aa0b6);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px}
section{padding:32px 0;border-bottom:1px solid var(--border,#222637)}
section:last-child{border-bottom:none}
body{max-width:1080px;margin:0 auto;padding:24px}
.btn{display:inline-block;padding:12px 24px;border-radius:10px;background:var(--a1,#e8c66a);color:var(--bg,#0f172a);text-decoration:none;font-weight:600;transition:opacity .15s,transform .15s}
.btn:hover{opacity:.92;transform:translateY(-1px);text-decoration:none;color:var(--bg,#0f172a)}
.btn-secondary{background:transparent;border:2px solid var(--a1,#e8c66a);color:var(--a1,#e8c66a)}
.btn-secondary:hover{background:var(--a1,#e8c66a);color:var(--bg,#0f172a)}
.hero-subtitle{color:var(--muted,#9aa0b6);font-size:18px;margin-bottom:20px}
.hero-lede{font-size:16px;line-height:1.7;margin-bottom:20px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px}
.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.feature-card{padding:20px;border-radius:12px;background:var(--surface,#12151f);border:1px solid var(--border,#222637)}
.feature-icon{font-size:24px;margin-bottom:8px;display:block}
.faq-item{margin-bottom:8px;border-radius:8px;background:var(--surface,#12151f);border:1px solid var(--border,#222637)}
.faq-item summary{padding:14px 18px;font-weight:600;cursor:pointer;user-select:none}
.faq-item p{padding:0 18px 14px;color:var(--muted,#9aa0b6);max-width:none}
.review-card{padding:16px;border-radius:10px;background:var(--surface,#12151f);border:1px solid var(--border,#222637);margin-bottom:12px}
.review-header{display:flex;gap:12px;align-items:center;margin-bottom:6px;font-size:14px}
.review-rating{color:var(--warn,#fbbf24)}
.hub-aurora-internal-nav{display:flex;flex-wrap:wrap;gap:8px;padding:20px 0;border-top:1px solid var(--border,#222637)}
.hub-aurora-internal-nav a{padding:6px 14px;border-radius:8px;background:var(--surface,#12151f);border:1px solid var(--border,#222637);font-size:13px}

/* Hub 5.0 Aurora — витрина партнёров */
.hub-aurora-showcase{margin:32px 0;padding:24px;border-radius:16px;background:var(--surface,#12151f);border:1px solid var(--border,#222637)}
.hub-aurora-showcase h2{margin:0 0 8px;color:var(--heading,#e8c66a);font-size:22px}
.hub-aurora-showcase .showcase-intro{color:var(--muted,#9aa0b6);margin:0 0 20px;font-size:14px;line-height:1.5}
.showcase-main{margin-bottom:16px}
.showcase-side{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.showcase-card{padding:16px;border-radius:12px;background:var(--surface2,#1c1810);border:1px solid var(--border,#222637);transition:transform .15s,border-color .15s;position:relative}
.showcase-card:hover{transform:translateY(-2px);border-color:var(--accent,#e8c66a)}
.showcase-card-hero{padding:24px;background:linear-gradient(135deg,var(--logo-bg,#5b21b6) 0%,var(--surface2,#1c1810) 100%);border-width:2px;border-color:var(--accent,#7c3aed)}
.showcase-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.showcase-card-logo{width:44px;height:44px;border-radius:10px;background:var(--logo-bg,#7c3aed);color:#fff;display:grid;place-items:center;font-weight:700;font-size:16px;letter-spacing:.5px}
.showcase-card-brand{display:flex;flex-direction:column;gap:2px}
.showcase-card-brand strong{color:var(--text,#f4ede0);font-size:15px}
.showcase-card-badge{font-size:10px;color:var(--accent,#e8c66a);text-transform:uppercase;letter-spacing:.5px;font-weight:600}
.showcase-card-bonus{color:var(--text,#f4ede0);font-weight:600;font-size:16px;margin-bottom:4px}
.showcase-card-hero .showcase-card-bonus{font-size:20px}
.showcase-card-extra{color:var(--muted,#9aa0b6);font-size:13px;margin-bottom:12px;line-height:1.4}
.showcase-card-cta{display:inline-block;padding:8px 16px;border-radius:8px;background:var(--accent,#7c3aed);color:#fff;text-decoration:none;font-weight:600;font-size:13px;transition:opacity .15s}
.showcase-card-hero .showcase-card-cta{padding:12px 24px;font-size:15px}
.showcase-card-cta:hover{opacity:.9;text-decoration:none}
@media (max-width:640px){
  .showcase-side{grid-template-columns:1fr}
  .hub-aurora-showcase{padding:16px}
  .showcase-card-hero{padding:16px}
}

/* Hub 5.0 Aurora — injected state (только для юзеров) */
.hub-aurora-showcase.showcase-hydrated .showcase-card{animation:hub-aurora-fadeup .4s ease both}
.hub-aurora-showcase.showcase-hydrated .showcase-card:nth-child(1){animation-delay:0s}
.hub-aurora-showcase.showcase-hydrated .showcase-card:nth-child(2){animation-delay:.06s}
.hub-aurora-showcase.showcase-hydrated .showcase-card:nth-child(3){animation-delay:.12s}
.hub-aurora-showcase.showcase-hydrated .showcase-card:nth-child(4){animation-delay:.18s}
.hub-aurora-showcase.showcase-hydrated .showcase-card:nth-child(5){animation-delay:.24s}
.hub-aurora-showcase .showcase-card-hero.preview-active{box-shadow:0 0 0 2px var(--accent,#7c3aed),0 8px 32px rgba(124,58,237,.25);transform:translateY(-4px)}
@keyframes hub-aurora-fadeup{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .hub-aurora-showcase.showcase-hydrated .showcase-card{animation:none}
  .hub-aurora-showcase .showcase-card-hero.preview-active{transform:none}
}