
.bsr-ad{display:block;width:100%;max-width:728px;margin:28px auto;text-align:center;clear:both;position:relative;z-index:0}
.bsr-ad--rect{max-width:300px}
.bsr-ad-label{display:block;margin:0 0 6px;font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted,#9bb5c5);text-align:left}
.bsr-ad a{display:block;border-radius:10px;line-height:0;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.bsr-ad a:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(28,188,224,.18)}
.bsr-ad a:focus-visible{outline:2px solid var(--accent,#37caeb);outline-offset:3px}
.bsr-ad picture,.bsr-ad img{display:block;width:100%;height:auto;border-radius:10px}
@media (max-width:760px){.bsr-ad--leader{max-width:320px}}
@media (prefers-reduced-motion:reduce){.bsr-ad a{transition:none}.bsr-ad a:hover{transform:none}}
/* Advertise page */
.ad-page .ad-lead{font-size:18px;color:var(--text,#ebf6f8)}
.ad-page .ad-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}
.ad-page .ad-card{padding:18px 20px;border:1px solid var(--line,#1e3d5a);border-radius:12px;background:var(--panel,#092138)}
.ad-page .ad-card h3{margin:0 0 6px;font-size:17px}
.ad-page .ad-card p{margin:0;line-height:1.6;color:var(--muted,#9bb5c5);font-size:15px}
.ad-page .ad-price{display:block;margin:10px 0 4px;font-size:26px;font-weight:800;letter-spacing:-.02em;color:#2bd2f8}
.ad-page .ad-price small{font-size:14px;font-weight:500;color:var(--muted,#9bb5c5)}
.ad-page .ad-card--hl{border-color:#2bd2f8;box-shadow:0 0 0 1px rgba(43,210,248,.25) inset}
.ad-page .ad-formats{display:grid;gap:18px;margin:18px 0}
.ad-page .ad-format{padding:16px;border:1px solid var(--line,#1e3d5a);border-radius:12px;background:rgba(9,33,56,.6)}
.ad-page .ad-format img{display:block;max-width:100%;height:auto;border-radius:8px;margin:0 0 10px}
.ad-page .ad-format p{margin:0;font-size:15px;line-height:1.6}
.ad-page .ad-checks{list-style:none;padding:0}
.ad-page .ad-checks li{padding-left:28px;position:relative;margin:8px 0}
.ad-page .ad-checks li::before{content:"✓";position:absolute;left:4px;color:#2bd2f8;font-weight:800}
.ad-page .ad-cta{margin:30px 0;padding:24px;border-radius:14px;border:1px solid #2bd2f8;background:linear-gradient(135deg,#001a32,#022b51)}
.ad-page .ad-cta h2{margin-top:0}
.ad-page .ad-button{display:inline-block;margin-top:6px;padding:12px 22px;border-radius:999px;background:#2bd2f8;color:#001a32!important;font-weight:800;text-decoration:none}
.ad-page .ad-button:hover{background:#1cbce0}
.ad-page .ad-placeholder{padding:1px 6px;border-radius:4px;background:#2b2a12;color:#ffe08a;font-family:ui-monospace,monospace;font-size:.9em}
@media (max-width:640px){.ad-page .ad-grid{grid-template-columns:1fr}}
.ad-page .ad-lang{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin:0 0 8px;font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--muted,#9bb5c5)}
.ad-page .ad-lang a{color:var(--muted,#9bb5c5);text-decoration:none;padding:3px 8px;border:1px solid transparent;border-radius:999px}
.ad-page .ad-lang a:hover{color:#2bd2f8}
.ad-page .ad-lang a[aria-current="page"]{color:#001a32;background:#2bd2f8}

.bsr-sponsor{display:flex;align-items:center;gap:10px;margin:14px 0 0;padding:9px 12px;border:1px solid rgba(43,210,248,.18);border-radius:12px;background:linear-gradient(90deg,rgba(43,210,248,.07),rgba(43,210,248,0) 70%);color:var(--muted,#9bb5c5);font-size:13px;line-height:1.35;text-decoration:none;transition:border-color .2s ease,background-color .2s ease}
.bsr-sponsor:hover{border-color:rgba(43,210,248,.45);color:#d6f0f5}
.bsr-sponsor:focus-visible{outline:2px solid var(--accent,#37caeb);outline-offset:3px}
.bsr-sponsor-tag{flex:none;padding:2px 7px;border:1px solid rgba(255,211,122,.35);border-radius:999px;color:#ffd37a;font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.bsr-sponsor-text{flex:1;min-width:0}
.bsr-sponsor-text b{color:#e3f8fd;font-weight:700}
.bsr-sponsor-arrow{flex:none;color:#2bd2f8;transition:transform .2s ease}
.bsr-sponsor:hover .bsr-sponsor-arrow{transform:translateX(3px)}
.ad-page .bsr-sponsor--demo{max-width:520px;margin:0 0 12px}
@media (prefers-reduced-motion:reduce){.bsr-sponsor,.bsr-sponsor-arrow{transition:none}.bsr-sponsor:hover .bsr-sponsor-arrow{transform:none}}
.bsr-sponsor .bsr-sponsor-text{color:var(--muted,#9bb5c5)}
/* Rotation (ads-rotate.js): paid creatives fade in; reserved size → no layout shift */
.bsr-ad--leader a{aspect-ratio:728/90}.bsr-ad--rect a{aspect-ratio:300/250}
@media (max-width:760px){.bsr-ad--leader a{aspect-ratio:320/50}}
.bsr-ad a.is-paid,.bsr-sponsor.is-paid .bsr-sponsor-text b{animation:bsrAdIn .35s ease}
@keyframes bsrAdIn{from{opacity:0}to{opacity:1}}
.bsr-sponsor-logo{display:inline-block;width:auto;height:20px;vertical-align:-5px;margin:0 2px 0 4px;border-radius:4px}
@media (prefers-reduced-motion:reduce){.bsr-ad a.is-paid,.bsr-sponsor.is-paid .bsr-sponsor-text b{animation:none}}
/* Ad statistics page (/ads/stats/) */
.ads-stats .st-main{max-width:1100px}
.st-lead{max-width:80ch;color:var(--muted,#9bb5c5);line-height:1.6}
.st-form{display:grid;grid-template-columns:2fr 1fr 1fr 1.6fr auto;gap:12px;align-items:end;margin:18px 0;padding:18px;border:1px solid var(--line,#1e3d5a);border-radius:14px;background:var(--panel,#092138)}
.st-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted,#9bb5c5)}
.st-form .st-check{flex-direction:row;align-items:center;gap:8px;padding-bottom:10px;white-space:nowrap}
.st-actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap}
.st-primary{background:#2bd2f8;color:#001a32;border-color:#2bd2f8;font-weight:800}
.st-status{min-height:1.5em;color:var(--muted,#9bb5c5)}.st-status[data-kind="error"]{color:#ffb1a6}
.st-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0 18px}
.st-summary div{padding:16px 18px;border:1px solid var(--line,#1e3d5a);border-radius:12px;background:var(--panel,#092138)}
.st-summary span{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted,#9bb5c5)}
.st-summary strong{font-size:28px;font-variant-numeric:tabular-nums}
.st-table-wrap{overflow-x:auto}
.st-table{width:100%;border-collapse:collapse;font-size:14px}
.st-table th,.st-table td{padding:9px 12px;border-bottom:1px solid var(--line,#1e3d5a);text-align:left;white-space:nowrap}
.st-table th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#9bb5c5)}
.st-table td.num{text-align:right;font-variant-numeric:tabular-nums}
.st-table tbody tr:hover{background:rgba(43,210,248,.05)}
.st-foot{margin-top:18px;font-size:13px;color:var(--muted,#9bb5c5)}
@media (max-width:800px){.st-form{grid-template-columns:1fr 1fr}.st-form label:first-child{grid-column:1/-1}.st-summary{grid-template-columns:1fr}}

.ad-page .partners-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:14px 0 6px}
.ad-page .partner-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:130px;padding:26px 14px 14px;border:1px solid var(--line,#1e3d5a);border-radius:12px;background:rgba(9,33,56,.6);color:inherit;text-decoration:none;text-align:center}
.ad-page .partner-card:hover,.ad-page .partner-card:focus-visible{border-color:#2bd2f8}
.ad-page .partner-card img{max-width:160px;max-height:64px;width:auto;height:auto;object-fit:contain}
.ad-page .partner-label{position:absolute;top:8px;left:10px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#9bb5c5)}
.ad-page .partner-since{color:var(--muted,#9bb5c5);font-size:13px;line-height:1.4}
.ad-page .partner-card--first{grid-column:1/-1;max-width:420px;border-style:dashed;border-color:#2bd2f8;background:linear-gradient(135deg,#001a32,#022b51)}
.ad-page .partner-cta{color:#2bd2f8;font-weight:700}
.ad-page .lead-form{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin:16px 0 0}
.ad-page .lead-form label{display:flex;flex-direction:column;gap:5px;font-size:14px;font-weight:600}
.ad-page .lead-form .lead-wide{grid-column:1/-1}
.ad-page .lead-form input,.ad-page .lead-form select,.ad-page .lead-form textarea{font:inherit;font-weight:400;padding:10px 12px;border-radius:8px;border:1px solid var(--line,#1e3d5a);background:#011426;color:#e7f5f8}
.ad-page .lead-form textarea{min-height:110px;resize:vertical}
.ad-page .lead-form [aria-invalid=true]{border-color:#ff7a7a}
.ad-page .lead-form small{font-weight:400;color:var(--muted,#9bb5c5)}
.ad-page .lead-form button{justify-self:start;border:0;cursor:pointer;font:inherit}
.ad-page .lead-hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.ad-page .lead-status{margin:14px 0 0;padding:12px 14px;border-radius:10px;font-weight:600}
.ad-page .lead-status.is-ok{background:rgba(43,210,248,.12);border:1px solid #2bd2f8}
.ad-page .lead-status.is-err{background:rgba(255,122,122,.1);border:1px solid #ff7a7a}
@media (max-width:640px){.ad-page .lead-form{grid-template-columns:1fr}.ad-page .partners-grid{grid-template-columns:repeat(2,1fr)}}
