.ad{--ad-accent: var(--blue);position:relative;border:1px solid var(--card-border);border-radius:var(--radius);background:linear-gradient(180deg,#ffffff12,#ffffff05),#0a173399;border-left:3px solid var(--ad-accent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}.ad__close{position:absolute;top:8px;right:10px;z-index:2;width:28px;height:28px;border:0;border-radius:50%;background:#00000059;color:var(--muted);font-size:20px;line-height:1;cursor:pointer;transition:background .2s ease,color .2s ease}.ad__close:hover{background:#0009;color:var(--white)}.ad__top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.ad-label{display:inline-block;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--ad-accent) 22%,transparent);border:1px solid color-mix(in srgb,var(--ad-accent) 45%,transparent);color:var(--white);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.ad__host{color:var(--muted-2);font-size:11px;letter-spacing:.02em}.ad__headline{font-family:var(--display);font-size:clamp(16px,2.2vw,20px);font-weight:700;line-height:1.25;color:var(--white)}.ad__body{margin-top:4px;color:var(--muted);font-size:14px;line-height:1.5;overflow-wrap:anywhere;white-space:pre-line}.ad__cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:999px;background:var(--ad-accent);color:#fff;font-weight:700;font-size:14px;white-space:nowrap;box-shadow:0 8px 24px color-mix(in srgb,var(--ad-accent) 35%,transparent);transition:transform .15s ease,filter .15s ease}.ad__cta:hover{transform:translateY(-1px);filter:brightness(1.08)}.ad__art{display:block;width:100%;height:100%;object-fit:cover}.ad--banner{display:flex;align-items:center;gap:16px;padding:14px 52px 14px 16px;margin:24px auto;max-width:var(--container)}.ad--banner .ad__art{width:132px;height:56px;flex:0 0 auto;border-radius:10px}.ad--banner .ad__text{flex:1 1 auto;min-width:0}.ad--banner .ad__body{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}@media (max-width: 720px){.ad--banner{flex-wrap:wrap;padding:14px 46px 14px 14px}.ad--banner .ad__art{width:100%;height:96px}.ad--banner .ad__cta{width:100%}}.ad--card{display:flex;flex-direction:column;max-width:380px}.ad--card .ad__art{aspect-ratio:4 / 3;max-height:220px}.ad--card .ad__text{padding:16px}.ad--card .ad__cta{margin-top:14px}.ad-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px;background:#030814b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:ad-fade .25s ease}.ad--modal{width:min(520px,100%);max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:var(--shadow);animation:ad-rise .3s cubic-bezier(.22,1,.36,1)}.ad--modal .ad__art{aspect-ratio:16 / 9}.ad--modal .ad__text{padding:20px}.ad--modal .ad__headline{font-size:clamp(20px,3.5vw,26px)}.ad__actions{display:flex;align-items:center;gap:12px;margin-top:18px;flex-wrap:wrap}.ad__cta--wide{flex:1 1 180px}.ad__later{border:0;background:none;color:var(--muted-2);font-size:14px;cursor:pointer;padding:10px 4px}.ad__later:hover{color:var(--white)}@keyframes ad-fade{0%{opacity:0}to{opacity:1}}@keyframes ad-rise{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.ad-overlay,.ad--modal{animation:none}.ad__cta:hover{transform:none}}.ad--centered{margin:32px auto}