@keyframes announcement-slide-in{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.announcement-modal{position:relative;display:flex;flex-direction:column;width:100%;max-width:26rem;border-radius:1.25rem;background:var(--color-bg-primary);box-shadow:0 24px 48px -12px rgba(0,0,0,.18),0 0 0 1px rgba(0,0,0,.05);overflow:hidden;animation:announcement-slide-in .35s cubic-bezier(.16,1,.3,1)}.announcement-modal .announcement-close{position:absolute;inset-block-start:.75rem;inset-inline-end:.75rem;z-index:2;color:rgba(255,255,255,.8);background:rgba(0,0,0,.3);backdrop-filter:blur(4px);border-radius:50%;transition:all .2s ease}.announcement-modal .announcement-close:hover{background:var(--color-bg-overlay);color:var(--color-bg-primary)}.announcement-modal--no-hero .announcement-close{color:var(--color-fg-quaternary);background:var(--color-bg-secondary)}.announcement-modal--no-hero .announcement-close:hover{background:var(--color-bg-tertiary);color:var(--color-fg-primary)}.announcement-hero{width:100%;max-height:12rem;object-fit:cover;display:block}.announcement-content{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem}.announcement-badge{display:inline-flex;align-items:center;align-self:flex-start;padding:.125rem .5rem;border-radius:9999px;font-size:.6875rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.announcement-badge--event{background:color-mix(in srgb,var(--color-purple-500) 15%,transparent);color:var(--color-purple-600);border:1px solid color-mix(in srgb,var(--color-purple-500) 25%,transparent)}.announcement-badge--update{background:color-mix(in srgb,var(--color-blue-500) 15%,transparent);color:var(--color-blue-600);border:1px solid color-mix(in srgb,var(--color-blue-500) 25%,transparent)}.announcement-badge--promotion{background:color-mix(in srgb,var(--color-orange-500) 15%,transparent);color:var(--color-orange-600);border:1px solid color-mix(in srgb,var(--color-orange-500) 25%,transparent)}.announcement-badge--news{background:color-mix(in srgb,var(--color-success-500) 15%,transparent);color:var(--color-success-600);border:1px solid color-mix(in srgb,var(--color-success-500) 25%,transparent)}.announcement-title{margin:0;font-size:1.25rem;font-weight:700;line-height:1.3;color:var(--color-fg-primary)}.announcement-body{margin:0;font-size:.9375rem;line-height:1.55;color:var(--color-fg-tertiary);overflow-y:auto;max-height:10rem}.announcement-actions{display:flex;flex-direction:column;gap:.5rem;padding:0 1.5rem 1.25rem}.announcement-cta{display:flex;justify-content:center;align-items:center;width:100%;padding:.625rem 1rem;border:none;border-radius:.625rem;font-weight:600;font-size:.9375rem;color:var(--color-text-white);background:var(--color-brand-600);cursor:pointer;text-decoration:none;transition:background .2s ease}.announcement-cta:hover{background:var(--color-brand-700)}.announcement-dismiss{display:flex;justify-content:center;align-items:center;width:100%;padding:.5rem 1rem;border:none;border-radius:.625rem;font-weight:500;font-size:.875rem;color:var(--color-fg-quaternary);background:transparent;cursor:pointer;transition:color .2s ease}.announcement-dismiss:hover{color:var(--color-fg-secondary)}