* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

        main {
            background-color: #f0f4ff;
        }

        .hero {
            width: 100%;
            background: #f0f4ff;
            color: #333;
            padding: 40px 0;
        }

        .hero-container {
            width: 70%;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 60% 40%;
            gap: 40px;
            align-items: start;
        }


        .breadcrumb {
            grid-column: 1 / -1;
            margin-bottom: 20px;
        }

        .breadcrumb a {
            color: #4361ee;
            text-decoration: none;
            font-size: 14px;
        }

        .breadcrumb a:hover {
            text-decoration: underline;
        }

        .breadcrumb span {
            color: #888;
            margin: 0 8px;
        }


        .hero-left h1 {
            font-size: 2.8rem;
            font-weight: 700;
            margin-bottom: 20px;
            line-height: 1.2;
            color: #3a0ca3;
        }

        .hero-left > p {
            font-size: 1.2rem;
            line-height: 1.6;
            margin-bottom: 30px;
            color: #555;
        }


        .feature-boxes {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 15px;
            margin-bottom: 30px;
        }

        .feature-box {
            background: white;
            border-radius: 10px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
            border: 1px solid #e0e0e0;
        }

        .feature-box p {
            font-size: 0.9rem;
            color: #666;
            line-height: 1.4;
        }


        .tip-text {
            color: #888;
            font-size: 0.85rem;
            margin-top: 20px;
            text-align: left;
        }


        .content-nav {
            background: white;
            border-radius: 12px;
            padding: 25px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
            border: 1px solid #e0e0e0;
            position: sticky;
            top: 20px;
        }

        .content-nav h3 {
            color: #3a0ca3;
            font-size: 1.3rem;
            margin-bottom: 20px;
            font-weight: 600;
            padding-bottom: 10px;
            border-bottom: 2px solid #f0f4ff;
        }

        .content-links {
            list-style: none;
        }

        .content-links li {
            margin-bottom: 12px;
        }

        .content-links li:last-child {
            margin-bottom: 0;
        }

        .content-links a {
            display: block;
            padding: 10px 15px;
            color: #555;
            text-decoration: none;
            border-radius: 8px;
            transition: all 0.3s ease;
            border-left: 3px solid transparent;
        }

        .content-links a:hover {
            background: #f0f4ff;
            color: #4361ee;
            border-left: 3px solid #4361ee;
        }

        .content-links a.active {
            background: #f0f4ff;
            color: #3a0ca3;
            font-weight: 500;
            border-left: 3px solid #3a0ca3;
        }


        @media (max-width: 1024px) {
            .hero-container {
                width: 85%;
                grid-template-columns: 1fr;
                gap: 30px;
            }
            
            .feature-boxes {
                grid-template-columns: 1fr;
            }
            
            .hero-left h1 {
                font-size: 2.3rem;
            }
            

            .content-nav {
                position: static;
            }
        }

        @media (max-width: 768px) {
            .hero-container {
                width: 90%;
                padding: 0 15px;
            }
            
            .hero-left h1 {
                font-size: 2rem;
            }
            
            .content-nav {
                padding: 20px;
            }
        }


        .content-section {
            width: 70%;
            margin: 60px auto;
        }

        .section-title {
            margin-bottom: 30px;
            position: relative;
            padding-bottom: 15px;
        }

        .section-title h2 {
            font-size: 1.8rem;
            font-weight: 700;
            color: #2d3748;
            letter-spacing: -0.5px;
            line-height: 1.3;
        }

        .section-title::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 60px;
            height: 4px;
            background: linear-gradient(90deg, #4361ee, #3a0ca3);
            border-radius: 2px;
        }

        .section-content {
            font-size: 1.1rem;
            color: #4a5568;
            line-height: 1.8;
        }

        .section-content p {
            margin-bottom: 24px;
            text-align: justify;
        }

        .section-content p:last-child {
            margin-bottom: 0;
        }

@media (max-width: 1200px) {
    .content-section {
        width: 80%;
    }
}

@media (max-width: 768px) {
    .content-section {
        width: 90%;
    }

    .section-title h2 {
        font-size: 1.8rem;
    }

    .section-content {
        font-size: 1.05rem;
    }
}

@media (max-width: 480px) {
    .content-section {
        width: 95%;
    }

    .section-title h2 {
        font-size: 1.6rem;
    }

    .section-content {
        font-size: 1rem;
    }
}

        .image {
            margin: 2.5rem 0;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
            transition: all 0.4s ease;
            background: #f8f9fa;
            border: 1px solid #eaecee;
        }
        
        .image:hover {
            transform: translateY(-8px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
        }
        
        .image img {
            width: 100%;
            height: auto;
            display: block;
            transition: transform 0.5s ease;
        }
        
        .image:hover img {
            transform: scale(1.03);
        }


  .sec{
    max-width:70%;
    margin:36px auto;
    background:transparent;
    border:none;
    border-radius:0;
    padding:0;
  }

  .sec--plain{
    padding:0;
  }

  .sec--soft{
    padding:22px;
    background:rgba(0,0,0,.02);
    border-radius:16px;
  }

  .sec__head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    margin-bottom:12px;
  }

  .sec__head h2{
    margin:0;
    font-size:1.75rem;
    line-height:1.22;
    letter-spacing:-.2px;
  }

  .sec__head p{
    margin:6px 0 0;
    font-size:1.02rem;
    line-height:1.65;
    color:var(--muted);
  }

  .sec__badge{
    white-space:nowrap;
    font-size:12px;
    font-weight:800;
    padding:6px 10px;
    border-radius:999px;
    color:var(--brand);
    background:rgba(67,97,238,.10);
    border:1px solid rgba(67,97,238,.18);
  }

  .sec--accent .sec__head h2{
    padding-left:12px;
    left:-12px;
    position:relative;
  }
  .sec--accent .sec__head h2::before{
    content:"";
    position:absolute;
    left:0;
    top:.18em;
    width:4px;
    height:1.05em;
    border-radius:99px;
    background:linear-gradient(180deg, var(--brand), var(--brand-2));
  }
  .sec--accent .sec__title::before{
    content:"";
    position:absolute;
    left:0;
    top:.18em;
    width:4px;
    height:1.05em;
    border-radius:99px;
    background:linear-gradient(180deg, var(--brand), var(--brand-2));
  }

  .prose p{
    margin:0 0 14px;
    font-size:1.06rem;
    line-height:1.85;
    color:var(--muted);
  }

  .prose h3{
    margin:20px 0 10px;
    font-size:1.28rem;
    line-height:1.35;
    color:var(--text);
  }

  .prose strong{ font-weight:900; color:rgba(0,0,0,.92); }

  .prose a{
    color:var(--brand);
    font-weight:800;
    text-decoration:none;
    border-bottom:1px solid rgba(67,97,238,.30);
  }
  .prose a:hover{ border-bottom-color:rgba(67,97,238,.70); }

  .prose ul,
  .prose ol{
    margin:0 0 14px;
    padding-left:20px;
    line-height:1.8;
    font-size:1.03rem;
    color:rgba(0,0,0,.70);
    display:grid;
    gap:6px;
  }


  .note{
    margin:16px 0;
    padding:14px 16px;
    border-radius:12px;
    background:rgba(67,97,238,.08);
    border:none;
    color:rgba(0,0,0,.76);
  }
  .note strong{ color:#1a2b6d; }

  @media (max-width:1200px){ .sec{ max-width:80%; } }
  @media (max-width:768px){ .sec{ max-width:90%; } .sec__title{ font-size:1.55rem; } }
  @media (max-width:480px){ .sec{ max-width:95%; } .sec__title{ font-size:1.42rem; } }


.casino-list{
  margin-top:16px;
  display:grid;
  gap:16px;
}

.casino-item{
  display:grid;
  grid-template-columns:260px 1fr;
  gap:16px;
  background:rgba(0,0,0,.03);
  border-radius:16px;
  padding:16px;
}

.casino-thumb img{
  width:100%;
  height:auto;
  border-radius:12px;
  display:block;
}

.casino-body h3{
  margin:0 0 6px;
  font-size:1.25rem;
  line-height:1.3;
  color:var(--text);
}

.casino-desc{
  margin:0 0 10px;
  font-size:1.03rem;
  line-height:1.7;
  color:var(--muted);
}

.casino-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

.casino-rating{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:0.95rem;
}

.casino-rating .star{
  color:#ccc;
  font-size:1rem;
}

.casino-rating .filled{
  color:#f5b301;
}

.rating-text{
  margin-left:6px;
  font-weight:700;
  color:rgba(0,0,0,.8);
}

.casino-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:12px;
  background:#007bff;
  color:#fff;
  font-weight:800;
  text-decoration:none;
  border:none;
}

@media (max-width:768px){
  .casino-item{ grid-template-columns:1fr; }
}


  .usa-payment-methods{
    --pm-brand:#4361ee;
    --pm-brand2:#3a0ca3;
    --pm-text:rgba(0,0,0,.92);
    --pm-muted:rgba(0,0,0,.68);
    --pm-soft:rgba(0,0,0,.02);
    --pm-line:rgba(0,0,0,.08);

    width:100%;
    max-width:70%;
    margin:48px auto;
  }

  .usa-payment-methods > h2{
    margin:0;
    font-size:1.9rem;
    line-height:1.22;
    letter-spacing:-.3px;
    color:var(--pm-text);
    padding-left:14px;
    border-left:4px solid var(--pm-brand);
  }

  .usa-payment-methods .section-intro{
    margin:12px 0 0;
    font-size:1.05rem;
    line-height:1.85;
    color:var(--pm-muted);
    max-width:860px;
  }

  .usa-payment-methods .payment-grid{
    margin-top:16px;
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:14px;
  }

  .usa-payment-methods .payment-card{
    border-radius:16px;
    padding:18px;
    background:linear-gradient(180deg, rgba(67,97,238,.04), rgba(67,97,238,.00));
    border:1px solid rgba(0,0,0,.06);
  }

  .usa-payment-methods .payment-card h3{
    margin:0 0 10px;
    font-size:1.22rem;
    line-height:1.25;
    font-weight:950;
    color:var(--pm-text);
  }

  .usa-payment-methods .payment-card p{
    margin:0 0 12px;
    font-size:1.03rem;
    line-height:1.8;
    color:var(--pm-muted);
  }

  .usa-payment-methods .payment-card ul{
    margin:0;
    padding-left:18px;
    color:rgba(0,0,0,.74);
    line-height:1.8;
    font-size:1.00rem;
  }

  .usa-payment-methods .payment-card li{ margin:6px 0; }

  @media (max-width:1200px){
    .usa-payment-methods{ max-width:80%; }
    .usa-payment-methods .payment-grid{ grid-template-columns:repeat(2, 1fr); }
  }

  @media (max-width:768px){
    .usa-payment-methods{ max-width:90%; }
    .usa-payment-methods > h2{ font-size:1.62rem; }
    .usa-payment-methods .payment-grid{ grid-template-columns:1fr; }
  }

  @media (max-width:480px){
    .usa-payment-methods{ max-width:95%; }
  }

#ub-usa-bonuses, #ub-usa-bonuses *{ box-sizing:border-box; }

  #ub-usa-bonuses{
    --ub-brand:#4361ee;
    --ub-brand2:#3a0ca3;
    --ub-text:rgba(0,0,0,.92);
    --ub-muted:rgba(0,0,0,.68);
    --ub-soft:rgba(0,0,0,.02);
    --ub-line:rgba(0,0,0,.08);

    width:100%;
    max-width:70%;
    margin:48px auto;
    position:relative;
  }

  #ub-usa-bonuses header,
  #ub-usa-bonuses article{
    position:static;
    float:none;
    inset:auto;
    display:block;
    width:auto;
    max-width:none;
    margin:0;
    padding:0;
    background:transparent;
    border:0;
    box-shadow:none;
    color:inherit;
    font:inherit;
  }

  #ub-usa-bonuses header.ub-usa-bonuses__header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    margin-bottom:18px;
  }

  #ub-usa-bonuses .ub-usa-bonuses__title h2{
    margin:0;
    font-size:1.9rem;
    line-height:1.22;
    letter-spacing:-.3px;
    color:var(--ub-text);
    padding-left:14px;
    border-left:4px solid var(--ub-brand);
  }

  #ub-usa-bonuses .ub-usa-bonuses__title p{
    margin:12px 0 0;
    font-size:1.05rem;
    line-height:1.85;
    color:var(--ub-muted);
    max-width:820px;
  }

  #ub-usa-bonuses .ub-usa-bonuses__pill{
    position:static !important;
    float:none !important;
    white-space:nowrap;
    font-size:12px;
    font-weight:900;
    padding:7px 12px;
    border-radius:999px;
    color:var(--ub-brand);
    background:rgba(67,97,238,.12);
    align-self:flex-start;
  }

  #ub-usa-bonuses .ub-usa-bonuses__grid{
    display:grid;
    gap:14px;
  }

  #ub-usa-bonuses article.ub-usa-bonuses__card{
    background:var(--ub-soft);
    border-radius:16px;
    padding:18px;
  }

  #ub-usa-bonuses .ub-usa-bonuses__card h3{
    margin:0 0 12px;
    font-size:1.22rem;
    line-height:1.25;
    font-weight:950;
    color:var(--ub-text);
  }

  #ub-usa-bonuses .ub-usa-bonuses__types{
    margin:0;
    padding:0;
    list-style:none;
    display:grid;
    gap:12px;
  }

  #ub-usa-bonuses .ub-usa-bonuses__types li{
    background:rgba(255,255,255,.78);
    border:1px solid var(--ub-line);
    border-radius:14px;
    padding:12px;
  }

  #ub-usa-bonuses .ub-usa-bonuses__key{
    display:block;
    font-size:1.08rem;
    font-weight:950;
    color:rgba(0,0,0,.90);
  }

  #ub-usa-bonuses .ub-usa-bonuses__desc{
    display:block;
    margin-top:7px;
    font-size:1.03rem;
    line-height:1.75;
    color:var(--ub-muted);
  }  
  
#ub-usa-bonuses .ub-usa-bonuses__check b{
    font-weight:950;
    color:rgba(0,0,0,.88);
  }

  @media (max-width:1200px){
    #ub-usa-bonuses{ max-width:80%; }
  }

  @media (max-width:768px){
    #ub-usa-bonuses{ max-width:90%; }
    #ub-usa-bonuses .ub-usa-bonuses__title h2{ font-size:1.62rem; }
  }

  @media (max-width:480px){
    #ub-usa-bonuses{ max-width:95%; }
  }
 
  .faq{
    display:grid;
    gap:12px;
  }

  .faq__item{
    border:1px solid rgba(0,0,0,.08);
    border-radius:14px;
    background:rgba(0,0,0,.02);
    overflow:hidden;
  }

  .faq__item summary{
    cursor:pointer;
    list-style:none;
    padding:14px 16px;
    font-weight:700;
    font-size:1.06rem;
    line-height:1.35;
    position:relative;
  }

  .faq__item summary::-webkit-details-marker{ display:none; }

  .faq__item summary::after{
    content:"+";
    position:absolute;
    right:14px;
    top:50%;
    transform:translateY(-50%);
    width:26px;
    height:26px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:900;
    color:#4361ee;
    background:rgba(67,97,238,.12);
  }

  .faq__item[open] summary::after{ content:"–"; }

  .faq__content{
    padding:0 16px 14px;
  }

  .faq__content p{
    margin:0;
    font-size:1.05rem;
    line-height:1.85;
    color:rgba(0,0,0,.78);
    max-width:860px;
  }

  @media (max-width:1200px){
    .sec{ max-width:80%; }
  }

  @media (max-width:768px){
    .sec{ max-width:90%; }
    .sec__head h2{ font-size:1.65rem; }
    .faq__item summary{ padding:13px 14px; }
    .faq__item summary::after{ right:12px; }
  }

  @media (max-width:480px){
    .sec{ max-width:95%; }
  }