/* Scoped: sadece Katılım Şartları sayfası */
.join-page .join-hero{
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-xl);
    background: linear-gradient(135deg,
        rgba(45,143,62,.10) 0%,
        rgba(33,150,243,.08) 55%,
        rgba(255,193,7,.10) 100%
    );
    border: 1px solid rgba(0,0,0,.06);
    padding: 1.75rem;
}
.join-page .join-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 12% 20%, rgba(45,143,62,.18), transparent 42%),
        radial-gradient(circle at 85% 25%, rgba(33,150,243,.14), transparent 45%),
        radial-gradient(circle at 70% 85%, rgba(255,193,7,.12), transparent 40%);
    pointer-events:none;
}
.join-page .join-hero-inner{ position:relative; z-index:1; }

.join-page .hero-badge{
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    padding:.35rem .75rem;
    border-radius: 999px;
    font-weight: 800;
    font-size: .85rem;
    color: var(--primary-dark);
    background: rgba(45,143,62,.12);
    border: 1px solid rgba(45,143,62,.18);
}
.join-page .hero-title{
    font-size: 2.05rem;
    font-weight: 900;
    letter-spacing: -.02em;
    margin: .75rem 0 .35rem 0;
}
.join-page .hero-subtitle{
    color: var(--gray-600);
    max-width: 82ch;
    margin: 0;
}
.join-page .pill{
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    padding:.25rem .6rem;
    border-radius: 999px;
    background: rgba(0,0,0,.04);
    border: 1px solid rgba(0,0,0,.06);
    font-size:.85rem;
    font-weight:800;
    color: var(--gray-700);
}

.join-page .toc{
    border: 1px solid rgba(0,0,0,.06);
    border-radius: var(--radius-xl);
    box-shadow: 0 10px 24px rgba(0,0,0,.08);
}
.join-page .toc a{ text-decoration:none; }

.join-page .section-card{
    border: 1px solid rgba(0,0,0,.06);
    border-radius: var(--radius-xl);
    box-shadow: 0 10px 24px rgba(0,0,0,.08);
}
.join-page .section-card h3{ font-weight: 900; }
.join-page .muted{ color: var(--gray-600); }

.join-page .callout{
    border-radius: var(--radius-xl);
    border: 1px solid rgba(0,0,0,.06);
    background: rgba(0,0,0,.02);
    padding: 1rem 1.1rem;
}
.join-page .mini{
    font-size:.92rem;
    color: var(--gray-600);
}
.join-page .rule-list li{ margin-bottom: .35rem; }

.join-page .cta-card{
    border-radius: var(--radius-xl);
    background: var(--primary-gradient);
    color:#fff;
    border: 1px solid rgba(0,0,0,.06);
    overflow:hidden;
    position:relative;
    box-shadow: 0 10px 24px rgba(0,0,0,.10);
}
.join-page .cta-card::before{
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(135deg, rgba(255,255,255,.12), transparent 55%);
    pointer-events:none;
}
.join-page .cta-inner{ position:relative; z-index:1; }

@media (max-width: 576px){
    .join-page .hero-title{ font-size: 1.7rem; }
}