.platform-announcement { width: min(680px,calc(100% - 28px)); padding: 0; border: 0; border-radius: 20px; overflow: visible; color: #26314a; background: transparent; font-family: var(--font-family,Arial,sans-serif); box-shadow: 0 28px 80px rgba(22,28,57,.3); }
.platform-announcement::backdrop { background: rgba(25,29,58,.58); backdrop-filter: blur(3px); }
.platform-announcement > article { overflow: hidden; border-radius: 20px; background: #fff; }
.platform-announcement > article > header { position: relative; display: grid; grid-template-columns: 54px 1fr auto; gap: 16px; align-items: start; padding: 28px 30px 23px; color: #fff; background: linear-gradient(115deg,#3430ad,#6b5cef); }
.platform-announcement__icon { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 16px; background: rgba(255,255,255,.18); }
.platform-announcement__icon .app-icon { width: 25px; height: 25px; }
.platform-announcement header p { margin: 1px 0 5px; color: #aee9ff; font-size: 12px; font-weight: 850; letter-spacing: .11em; }
.platform-announcement header h2 { margin: 0; font-size: 25px; line-height: 1.15; }
.platform-announcement header span { display: block; margin-top: 7px; color: #ebedff; font-size: 13px; line-height: 1.45; }
.platform-announcement header > button { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; color: #fff; background: rgba(255,255,255,.08); cursor: pointer; }
.platform-announcement header > button[hidden] { display: none; }
.platform-announcement__body { padding: 25px 30px 10px; }
.platform-announcement__body p { margin: 0 0 13px; color: #4e5870; font-size: 14px; line-height: 1.6; }
.platform-announcement footer { padding: 8px 30px 27px; display: flex; justify-content: flex-end; }
.platform-announcement footer button { min-width: 154px; min-height: 43px; padding: 0 20px; border: 0; border-radius: 10px; color: #fff; background: #5043d4; font: 850 12px inherit; cursor: pointer; }
.platform-announcement__error { min-height: 0; margin: -17px 30px 20px; color: #b32f48; font-size: 12px; }
.platform-announcement article[data-announcement-tone="URGENT"] > header { background: linear-gradient(115deg,#9b2941,#d64b57); }
.platform-announcement article[data-announcement-tone="WARNING"] > header { background: linear-gradient(115deg,#9b5812,#e49c2f); }
.platform-announcement article[data-announcement-tone="SUCCESS"] > header { background: linear-gradient(115deg,#147469,#24a78d); }
@media (max-width: 560px) { .platform-announcement > article > header { grid-template-columns: 44px 1fr auto; padding: 22px 18px 20px; gap: 11px; } .platform-announcement__icon { width: 44px; height: 44px; } .platform-announcement header h2 { font-size: 21px; } .platform-announcement__body { padding: 21px 20px 8px; } .platform-announcement footer { padding-inline: 20px; } }