
:root{
  --cp-bg:#edf3fc;
  --cp-ink:#12223e;
  --cp-ink-soft:#4a6386;
  --cp-line:#d7e2f1;
  --cp-line-strong:#c5d6ea;
  --cp-surface:#ffffff;
  --cp-surface-muted:#f7fbff;
  --cp-accent:#1f6fe5;
  --cp-accent-strong:#195fc8;
  --cp-accent-soft:#edf5ff;
  --cp-success:#0f7b4f;
  --cp-space-1:var(--ui-space-1,4px);
  --cp-space-2:var(--ui-space-2,8px);
  --cp-space-3:var(--ui-space-3,12px);
  --cp-space-4:var(--ui-space-4,16px);
  --cp-space-5:var(--ui-space-5,20px);
  --cp-space-6:var(--ui-space-6,24px);
  --cp-space-7:var(--ui-space-7,32px);
  --cp-radius-sm:var(--ui-radius-sm,8px);
  --cp-radius-md:var(--ui-radius-md,12px);
  --cp-radius-lg:var(--ui-radius-lg,16px);
  --cp-shadow:var(--ui-shadow-card,0 1px 2px rgba(15,23,42,.06),0 10px 28px rgba(15,23,42,.06));
}
*{box-sizing:border-box}
body{
  margin:0;
  background:
    radial-gradient(44% 30% at 95% -10%, rgba(58,153,255,.12), transparent 70%),
    radial-gradient(34% 24% at -8% 4%, rgba(34,193,148,.1), transparent 68%),
    var(--cp-bg);
  color:var(--cp-ink);
  font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  line-height:var(--ui-leading-normal,1.5);
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  max-width:100%;
  overflow-x:clip;
}
a{color:inherit;text-decoration:none}
.cp-wrap{
  width:min(1140px, calc(100% - var(--cp-space-7)));
  margin:0 auto;
  padding:var(--cp-space-5) 0 var(--cp-space-7);
  display:grid;
  gap:var(--cp-space-4);
}
.cp-hero,
.cp-card{
  border:1px solid var(--cp-line);
  border-radius:var(--cp-radius-lg);
  background:var(--cp-surface);
  box-shadow:var(--cp-shadow);
  padding:var(--cp-space-5);
}
.cp-hero h1,
.cp-casino-review-main h1,
.cp-guide-hero h1{
  margin:0 0 var(--cp-space-2);
  font-size:var(--ui-text-title-xl,clamp(30px,4.2vw,46px));
  line-height:var(--ui-leading-tight,1.16);
  letter-spacing:-.02em;
}
.cp-hero p,
.cp-casino-review-main p,
.cp-guide-hero p{margin:0;color:var(--cp-ink-soft)}
.cp-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:var(--cp-space-4);
  align-items:start;
}
.cp-casino-card,
.cp-compare-card{
  border:1px solid var(--cp-line);
  border-radius:var(--cp-radius-lg);
  background:var(--cp-surface);
  box-shadow:var(--cp-shadow);
  padding:var(--cp-space-4);
  display:flex;
  flex-direction:column;
  gap:var(--cp-space-3);
  min-height:100%;
}
.cp-casino-head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--cp-space-3);
  align-items:start;
}
.cp-casino-head-main{
  min-width:0;
  display:grid;
  gap:var(--cp-space-2);
}
.cp-card-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--cp-space-2);
}
.cp-casino-title,
.cp-compare-head h2{
  margin:0;
  min-width:0;
  font-size:var(--ui-text-title-md,22px);
  line-height:var(--ui-leading-tight,1.16);
  letter-spacing:-.01em;
  color:#173f6b;
  word-break:normal;
  overflow-wrap:normal;
  hyphens:none;
}
.cp-casino-title a,
.cp-compare-head a{color:#173f6b}
.cp-casino-title a:hover,
.cp-compare-head a:hover{color:#0f60c4;text-decoration:underline;text-underline-offset:3px}
.cp-casino-summary,
.cp-card-summary{
  margin:0;
  color:var(--cp-ink-soft);
  font-size:var(--ui-text-body-sm,14px);
  line-height:1.56;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.cp-logo{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--cp-line);
  border-radius:var(--cp-radius-md);
  background:#fff;
  padding:var(--cp-space-1) var(--cp-space-2);
  min-width:132px;
  min-height:58px;
  max-width:132px;
  flex-shrink:0;
}
.cp-logo.dark{background:#10192b;border-color:#2c446d}
.cp-logo--hero{
  min-width:188px;
  max-width:188px;
  min-height:76px;
  padding:var(--cp-space-2) var(--cp-space-3);
}
.cp-logo--mini{
  min-width:112px;
  max-width:112px;
  min-height:50px;
  padding:var(--cp-space-1) var(--cp-space-2);
}
.cp-logo img{display:block;width:124px;height:46px;object-fit:contain}
.cp-logo--hero img{width:164px;height:56px}
.cp-logo--mini img{width:90px;height:32px}
.cp-rating,
.cp-score,
.cp-compare-side-score{
  display:inline-flex;
  align-items:baseline;
  gap:var(--cp-space-1);
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
.cp-rating{
  border:1px solid #bdd2ec;
  border-radius:999px;
  background:var(--cp-accent-soft);
  color:var(--cp-success);
  padding:var(--cp-space-1) var(--cp-space-2);
}
.cp-rating-value,
.cp-score,
.cp-compare-side-score{font-size:24px;line-height:1;font-weight:900;color:var(--cp-success)}
.cp-rating-scale{font-size:12px;font-weight:700;color:#436288}
.cp-card-facts,
.cp-points{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:var(--cp-space-2);
}
.cp-card-facts li,
.cp-points li{
  margin:0;
  border:1px solid var(--cp-line);
  border-radius:var(--cp-radius-md);
  background:var(--cp-surface-muted);
  padding:var(--cp-space-2) var(--cp-space-3);
  color:#2f4f79;
  font-size:var(--ui-text-body-sm,14px);
  line-height:1.45;
}
.cp-card-facts li strong{
  display:inline-block;
  margin-right:var(--cp-space-1);
  color:#48688f;
  font-size:11px;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.cp-card-facts li span{display:inline}
.cp-card-facts--compact li{
  position:relative;
  padding-left:var(--cp-space-5);
}
.cp-card-facts--compact li::before{
  content:"";
  position:absolute;
  left:var(--cp-space-2);
  top:50%;
  width:6px;
  height:6px;
  border-radius:999px;
  background:#7ca8e3;
  transform:translateY(-50%);
}
.cp-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--cp-space-2);
  margin-top:auto;
  padding-top:var(--cp-space-2);
}
.cp-btn,
.cp-btn-ghost{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:var(--ui-control-h-sm,40px);
  border-radius:var(--cp-radius-md);
  padding:0 var(--cp-space-3);
  font-size:13px;
  font-weight:700;
  line-height:1;
  text-decoration:none;
  border:1px solid transparent;
  transition:background .18s ease,border-color .18s ease,color .18s ease;
}
.cp-btn{
  color:#fff;
  border-color:var(--cp-accent);
  background:linear-gradient(140deg,#1d79f0 0%,#2f8fff 60%,#3ca8ff 100%);
}
.cp-btn:hover{
  border-color:var(--cp-accent-strong);
  background:linear-gradient(140deg,#1a6dd8 0%,#2b84ec 60%,#3699e8 100%);
}
.cp-btn-ghost{
  color:#274d7a;
  border-color:var(--cp-line-strong);
  background:#fff;
}
.cp-btn-ghost:hover{background:#f6faff;border-color:#b9cde5;color:#183f6d}
.cp-compare-headline{
  display:grid;
  gap:var(--cp-space-2);
}
.cp-compare-logos{
  display:flex;
  align-items:center;
  gap:var(--cp-space-2);
  min-width:0;
}
.cp-vs-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  min-height:34px;
  border-radius:999px;
  border:1px solid #bfd4f1;
  background:#f1f7ff;
  color:#2a4f78;
  font-size:12px;
  font-weight:800;
}
.cp-vs-badge--large{min-width:48px;min-height:48px;font-size:14px}
.cp-compare-pill{
  display:inline-flex;
  align-items:center;
  gap:var(--cp-space-1);
  width:max-content;
  padding:var(--cp-space-1) var(--cp-space-2);
  border:1px solid #c1d5f0;
  border-radius:999px;
  background:var(--cp-accent-soft);
  color:#24507e;
  font-size:12px;
  font-weight:800;
  font-variant-numeric:tabular-nums;
}
.cp-compare-pill-value{font-size:14px;line-height:1;font-weight:900;color:#155491}
.cp-compare-pill-sep{opacity:.5}
.cp-compare-head h2{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.cp-breadcrumbs{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--cp-space-2);
  margin:0 0 var(--cp-space-3);
  color:#4a678d;
  font-size:var(--ui-text-body-sm,14px);
}
.cp-breadcrumbs a{color:#0f63c7;text-decoration:underline;text-underline-offset:2px}
.cp-casino-review-hero,
.cp-guide-hero{
  display:grid;
  gap:var(--cp-space-4);
  margin-bottom:var(--cp-space-3);
  padding:var(--cp-space-4);
  border:1px solid var(--cp-line);
  border-radius:var(--cp-radius-lg);
  background:#fbfdff;
}
.cp-casino-review-hero{grid-template-columns:auto minmax(0,1fr);align-items:start}
.cp-guide-hero{grid-template-columns:minmax(0,1fr)}
.cp-casino-hero-actions,
.cp-meta,
.cp-mini-links{
  display:flex;
  flex-wrap:wrap;
  gap:var(--cp-space-2);
}
.cp-chip,
.cp-mini-links a{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 var(--cp-space-3);
  border:1px solid var(--cp-line);
  border-radius:999px;
  background:#fff;
  color:#2d527f;
  font-size:12px;
  font-weight:700;
}
.cp-mini-links a{font-size:13px}
.cp-mini-links a:hover{background:#f6faff}
.cp-facts{
  margin-top:var(--cp-space-3);
  display:grid;
  gap:var(--cp-space-2);
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}
.cp-fact,
.cp-section,
.cp-column,
.cp-review,
.cp-faq-item,
.cp-compare-side,
.cp-compare-context{
  border:1px solid var(--cp-line);
  border-radius:var(--cp-radius-md);
  background:#fbfdff;
  padding:var(--cp-space-3);
}
.cp-fact strong{
  display:block;
  margin-bottom:var(--cp-space-1);
  font-size:11px;
  color:#4f6f95;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.cp-columns{
  margin-top:var(--cp-space-3);
  display:grid;
  gap:var(--cp-space-3);
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.cp-column h2,
.cp-section h2,
.cp-compare-context h2,
.cp-reviews h2,
.cp-faq h2{
  margin:0 0 var(--cp-space-2);
  font-size:var(--ui-text-title-md,22px);
  line-height:var(--ui-leading-tight,1.16);
  color:#173f6b;
}
.cp-section p,
.cp-column p,
.cp-column li,
.cp-review p,
.cp-faq-item p,
.cp-compare-context p{color:#476286}
.cp-column ul,
.cp-section ul{margin:0;padding-left:var(--cp-space-4)}
.cp-column li,
.cp-section li{margin:0 0 var(--cp-space-1)}
.cp-table-wrap{
  margin-top:var(--cp-space-3);
  overflow:auto;
  border:1px solid var(--cp-line);
  border-radius:var(--cp-radius-lg);
  background:#fff;
}
.cp-table{width:100%;min-width:620px;border-collapse:collapse}
.cp-table th,
.cp-table td{
  padding:var(--cp-space-2) var(--cp-space-3);
  border-bottom:1px solid #e6eef8;
  text-align:left;
  vertical-align:top;
}
.cp-table th{
  background:#f6faff;
  color:#4b6a90;
  font-size:12px;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.cp-table td{font-size:14px;color:#233f67}
.cp-table tr:last-child td{border-bottom:0}
.cp-sections,
.cp-reviews,
.cp-faq{margin-top:var(--cp-space-3);display:grid;gap:var(--cp-space-3)}
.cp-review-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--cp-space-2);
  flex-wrap:wrap;
  margin-bottom:var(--cp-space-1);
}
.cp-review-meta{display:flex;align-items:center;gap:var(--cp-space-2);flex-wrap:wrap}
.cp-review-name{font-weight:800}
.cp-review-city{font-size:13px;color:#4a688f}
.cp-stars{font-weight:800;color:#c17a00;letter-spacing:.08em}
.cp-review time{font-size:12px;color:#5a769c}
.cp-faq-item h3{margin:0 0 var(--cp-space-1);font-size:var(--ui-text-body,16px)}
.cp-cta{
  margin-top:var(--cp-space-3);
  border:1px solid #bfe2d0;
  border-radius:var(--cp-radius-lg);
  background:linear-gradient(145deg,#f4fff9,#f2f8ff);
  box-shadow:var(--cp-shadow);
  padding:var(--cp-space-4);
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:var(--cp-space-3);
}
.cp-cta h2{margin:0 0 var(--cp-space-1);font-size:var(--ui-text-title-md,22px);line-height:var(--ui-leading-tight,1.16)}
.cp-cta p{margin:0;color:#3b608a}
.cp-foot{
  margin:var(--cp-space-1) 0 0;
  color:#58739a;
  font-size:var(--ui-text-caption,12px);
}
.cp-compare-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  gap:var(--cp-space-2);
  align-items:stretch;
  margin-bottom:var(--cp-space-3);
}
.cp-compare-side{display:flex;flex-direction:column;gap:var(--cp-space-2)}
.cp-compare-side h2{margin:0;color:#173f6b}
.cp-compare-side .cp-mini-links{margin-top:auto}
.cp-key-list li{padding-left:var(--cp-space-3)}

@media(max-width:1024px){
  .cp-wrap{width:calc(100% - var(--cp-space-5));padding:var(--cp-space-4) 0 var(--cp-space-6)}
  .cp-hero,.cp-card{padding:var(--cp-space-4)}
  .cp-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
}
@media(max-width:767px){
  .cp-wrap{width:calc(100% - var(--cp-space-3));padding:var(--cp-space-3) 0 var(--cp-space-5)}
  .cp-hero,.cp-card,.cp-casino-card,.cp-compare-card{padding:var(--cp-space-3)}
  .cp-casino-head{grid-template-columns:1fr}
  .cp-logo{min-width:124px;max-width:124px}
  .cp-logo img{width:114px;height:42px}
  .cp-logo--hero{min-width:170px;max-width:170px}
  .cp-logo--hero img{width:146px;height:48px}
  .cp-logo--mini{min-width:100px;max-width:100px}
  .cp-logo--mini img{width:78px;height:28px}
  .cp-card-title-row{align-items:flex-start}
  .cp-casino-title,
  .cp-compare-head h2,
  .cp-section h2,
  .cp-column h2,
  .cp-casino-review-main h1,
  .cp-guide-hero h1,
  .cp-hero h1{font-size:clamp(30px,8.4vw,40px);line-height:1.1}
  .cp-actions{grid-template-columns:1fr}
  .cp-casino-hero-actions{flex-direction:column;align-items:stretch}
  .cp-compare-hero{grid-template-columns:1fr}
  .cp-vs-badge--large{justify-self:start}
  .cp-columns{grid-template-columns:1fr}
}
