:root {
    --site-max: 72rem;
    --brand: #7c3aed;
    --ink: #0b1020;
}

.site-container {
    width: 100%;
    max-width: var(--site-max);
    margin-inline: auto;
    padding-inline: 1.25rem;
}

.py-section { padding-block: 3rem; }

.hero {
    background:
        radial-gradient(1200px 600px at 10% 10%, rgba(124,58,237,.55), transparent 60%),
        radial-gradient(900px 500px at 90% 20%, rgba(168,85,247,.45), transparent 55%),
        linear-gradient(135deg, #0b1020 0%, #1b1140 55%, #0b1020 100%);
}

.card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
}

.card:hover {
    border-color: rgba(124,58,237,.25);
    box-shadow: 0 0 0 1px rgba(124,58,237,.10), 0 16px 60px rgba(2,6,23,.12);
}

.ad-slot-wrap { margin-block: 1.5rem; }
.ad-slot {
    min-height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 0.75rem;
}

.disclaimer-box {
    border-color: #fcd34d;
    background: #fffbeb;
    color: #92400e;
}

.cookie-banner.hidden { display: none; }

.name-chip {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .4rem .7rem;
    border-radius: 999px;
    border: 1px solid #e2e8f0;
    background: rgba(255,255,255,.65);
    backdrop-filter: blur(10px);
}