.notice-beta-card{
    background: rgba(255,193,7,0.08);
    border:2px solid rgba(255,193,7,0.35);
    border-radius:14px;
    padding:14px 18px;
    cursor:pointer;
    transition:.25s;
}

.notice-beta-card:hover{
    border-color: rgba(255,193,7,0.6);
    box-shadow:0 0 6px rgba(255,193,7,0.25);
}

/* header */
.notice-beta-header{
    display:flex;
    align-items:center;
    gap:12px;
    font-size:14px;
}

/* индикатор */
.notice-indicator{
    width:8px;
    height:8px;
    background:#ff8c00;
    border-radius:50%;
    animation:pulse 2.5s infinite;
}

/* бейдж */
.notice-badge{
    background:rgba(255,193,7,0.15);
    border:1px solid rgba(255,193,7,0.45);
    padding:4px 12px;
    border-radius:999px;
    font-weight:700;
    font-size:12px;
    color:#ffc107;
}

/* текст */
.notice-short{
    color:#ffc107;
}

/* стрелка */
.notice-arrow{
    margin-left:auto;
    width:8px;
    height:8px;
    border-right:2px solid #ffc107;
    border-bottom:2px solid #ffc107;
    transform:rotate(45deg);
    transition: transform .3s ease;
}

/* стрелка вверх при раскрытии */
.notice-beta-card.active .notice-arrow{
    transform:rotate(-135deg);
}

/* wrapper для текста */
.notice-beta-content-wrapper{
    overflow:hidden;
    height:0;
    transition: height 0.35s ease;
}

/* контент с внутренним отступом для центрирования */
.notice-beta-content{
    padding:10px 0; /* добавляем сверху и снизу отступ */
}

/* текст */
.notice-beta-content p{
    margin:6px 0;
    color:#e6c15a;
    font-size:14px;
    line-height:1.5;
}

/* анимация точки */
@keyframes pulse{
0%{transform:scale(1);opacity:1;}
50%{transform:scale(1.4);opacity:.6;}
100%{transform:scale(1);opacity:1;}
}