/* Casino Classic site-2 | prefix: csp | font: Montserrat */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Montserrat',sans-serif;background:#0A0F1A;color:#FFFFFF;line-height:1.7;}

.csp-site-bar{background:#111827;position:sticky;top:0;z-index:100;border-bottom:1px solid #2A3A4A;}
.csp-site-bar-wrap{max-width:1200px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;}
.csp-brand-mark{height:40px;width:auto;}
.csp-brand-anchor{display:flex;align-items:center;text-decoration:none;}
.csp-nav-links{display:flex;gap:24px;}
.csp-nav-links a{color:#B0BEC5;text-decoration:none;font-weight:500;font-size:0.95rem;transition:color 0.2s;}
.csp-nav-links a:hover,.csp-nav-links a[aria-current="page"]{color:#FFD700;}
.csp-bar-action{background:linear-gradient(135deg, #2ECC40 0%, #27AE35 100%);color:#ffffff;padding:10px 24px;border-radius:4px;text-decoration:none;font-weight:700;font-size:0.9rem;transition:transform 0.2s,box-shadow 0.2s;}
.csp-bar-action:hover{transform:translateY(-2px);box-shadow:none;}
.csp-menu-trigger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;}
.csp-menu-trigger span{display:block;width:24px;height:2px;background:#FFFFFF;transition:transform 0.3s;}

.csp-banner{padding:60px 20px;background:linear-gradient(135deg, #0A0F1A 0%, #0C5C2E 50%, #111827 100%);}
.csp-banner-wrap{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:40px;flex-direction:column;text-align:center;}
.csp-banner-text{flex:1;}
.csp-banner-text h1{font-size:2.4rem;font-weight:700;margin-bottom:16px;line-height:1.2;}
.csp-banner-score{display:flex;align-items:center;gap:8px;margin-bottom:16px;justify-content:center;}
.csp-banner-note{color:#B0BEC5;margin-bottom:24px;font-size:1.05rem;}
.csp-banner-visual img{border-radius:4px;max-width:100%;height:auto;box-shadow:none;}

.csp-action-link{display:inline-block;background:linear-gradient(135deg, #2ECC40 0%, #27AE35 100%);color:#ffffff;padding:14px 36px;border-radius:4px;text-decoration:none;font-weight:700;font-size:1.05rem;transition:transform 0.2s,box-shadow 0.2s;}
.csp-action-link:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(46,204,64,0.4);}

.csp-summary-nav{max-width:1200px;margin:0 auto;padding:24px 20px;}
.csp-summary-nav h2{font-size:1.2rem;margin-bottom:12px;color:#B0BEC5;}
.csp-summary-items{display:flex;flex-wrap:wrap;gap:10px;}
.csp-summary-items a{background:#1C2333;color:#B0BEC5;padding:8px 16px;border-radius:4px;text-decoration:none;font-size:0.85rem;border:1px solid #2A3A4A;transition:background 0.2s,color 0.2s;}
.csp-summary-items a:hover{background:#0C5C2E;color:#fff;}

.csp-segment{max-width:1200px;margin:0 auto;padding:48px 20px;}
.csp-segment h2{font-size:1.8rem;margin-bottom:24px;color:#FFFFFF;}
.csp-segment h3{font-size:1.3rem;margin:20px 0 12px;color:#FFFFFF;}
.csp-segment p{margin-bottom:16px;color:#B0BEC5;}

.csp-data-sheet{overflow-x:auto;}
.csp-data-sheet table{width:100%;border-collapse:collapse;background:#1C2333;border-radius:4px;overflow:hidden;}
.csp-data-sheet th,.csp-data-sheet td{padding:12px 16px;text-align:left;border-bottom:1px solid #2A3A4A;}
.csp-data-sheet th{background:#111827;color:#FFD700;font-weight:600;width:35%;font-size:0.9rem;}
.csp-data-sheet td{color:#B0BEC5;font-size:0.9rem;}

.csp-writer-info{display:flex;align-items:center;gap:16px;margin-top:24px;padding:20px;background:#1C2333;border-radius:4px;border-left:4px solid #FFD700;}
.csp-writer-info img{border-radius:50%;width:64px;height:64px;object-fit:cover;}
.csp-writer-info strong{display:block;color:#FFFFFF;}
.csp-writer-info span{display:block;color:#78909C;font-size:0.85rem;}
.csp-writer-info time{display:block;color:#78909C;font-size:0.8rem;}

.csp-strengths-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.csp-upsides,.csp-downsides{background:#1C2333;padding:24px;border-radius:4px;border:1px solid #2A3A4A;}
.csp-upsides{border-left:3px solid #4caf50;}
.csp-downsides{border-left:3px solid #f44336;}
.csp-upsides h3,.csp-downsides h3{margin-top:0;}
.csp-upsides ul,.csp-downsides ul{list-style:none;}
.csp-upsides li,.csp-downsides li{padding:8px 0;display:flex;align-items:flex-start;gap:8px;color:#B0BEC5;font-size:0.92rem;}
.csp-upsides li svg,.csp-downsides li svg{flex-shrink:0;margin-top:3px;}

.csp-offer-panel{background:#1C2333;padding:28px;border-radius:4px;margin-bottom:20px;border:1px solid #2A3A4A;}

.csp-catalog-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:20px;}
.csp-catalog-tiles-compact{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));}
.csp-catalog-entry{background:#1C2333;border-radius:4px;overflow:hidden;border:1px solid #2A3A4A;transition:transform 0.2s;}
.csp-catalog-entry:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,0.3);}
.csp-catalog-entry img{width:100%;height:180px;object-fit:cover;display:block;}
.csp-catalog-entry h4{padding:12px 16px;font-size:0.9rem;color:#FFFFFF;}

.csp-finance-panel{margin-bottom:24px;}
.csp-process-list{padding-left:24px;margin:16px 0;}
.csp-process-list li{padding:8px 0;color:#B0BEC5;}

.csp-methods-display{margin-top:32px;}
.csp-methods-strip{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:12px;}

.csp-register-panel{background:#1C2333;padding:24px;border-radius:4px;margin-top:20px;border:1px solid #2A3A4A;}

.csp-trust-panel{margin-bottom:20px;}

.csp-feedback-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;}
.csp-feedback-card{background:#1C2333;padding:20px;border-radius:4px;border:1px solid #2A3A4A;}
.csp-feedback-top{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap;}
.csp-feedback-score{display:flex;gap:2px;}
.csp-feedback-mark{color:#FFD700;font-weight:600;font-size:0.85rem;}
.csp-feedback-card p{color:#B0BEC5;font-size:0.92rem;margin:0;}

.csp-questions-group{max-width:800px;}
.csp-question-entry{border-bottom:1px solid #2A3A4A;}
.csp-question-entry summary{display:flex;justify-content:space-between;align-items:center;padding:16px 0;cursor:pointer;list-style:none;}
.csp-question-entry summary::-webkit-details-marker{display:none;}
.csp-question-entry summary h3{font-size:1.05rem;margin:0;font-weight:500;}
.csp-question-marker{color:#FFD700;font-size:1.4rem;font-weight:700;transition:transform 0.2s;}
.csp-question-entry[open] .csp-question-marker{transform:rotate(45deg);}
.csp-question-entry p{padding:0 0 16px;color:#B0BEC5;}

.csp-base-bar{background:#060B14;border-top:1px solid #2A3A4A;padding:32px 20px;margin-top:40px;}
.csp-base-bar-wrap{max-width:1200px;margin:0 auto;}
.csp-base-links{display:flex;gap:20px;margin-bottom:16px;flex-wrap:wrap;}
.csp-base-links a{color:#B0BEC5;text-decoration:none;font-size:0.85rem;}
.csp-base-links a:hover{color:#FFD700;}
.csp-base-notice p{color:#78909C;font-size:0.8rem;margin-bottom:8px;}

.csp-rating-dot{flex-shrink:0;}

@media(max-width:1024px){
  .csp-banner-wrap{flex-direction:column;text-align:center;}
  .csp-banner-score{justify-content:center;}
  .csp-catalog-tiles{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:768px){
  .csp-nav-links{display:none;}
  .csp-bar-action{display:none;}
  .csp-menu-trigger{display:flex;}
  .csp-nav-links.csp-menu-visible{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#111827;padding:20px;border-bottom:1px solid #2A3A4A;z-index:99;}
  .csp-bar-action.csp-menu-visible{display:block;position:absolute;top:calc(100% + 120px);left:20px;right:20px;text-align:center;z-index:99;}
  .csp-strengths-grid{grid-template-columns:1fr;}
  .csp-banner-text h1{font-size:1.8rem;}
  .csp-segment h2{font-size:1.4rem;}
  .csp-feedback-tiles{grid-template-columns:1fr;}
}
@media(max-width:480px){
  .csp-catalog-tiles{grid-template-columns:1fr;}
  .csp-summary-items{flex-direction:column;}
  .csp-banner-text h1{font-size:1.5rem;}
}

.csp-catalog-group{margin-bottom:32px;}
.csp-opening-copy p{margin-bottom:16px;}
