.ferobra-update-box{
    position:relative;
    overflow:hidden;
    margin:12px 0 18px 0;
    padding:18px;
    border:1px solid rgba(120,170,255,.7);
    border-radius:10px;
    background:linear-gradient(135deg,rgba(8,15,36,.96),rgba(42,18,82,.94),rgba(8,15,36,.96));
    box-shadow:0 0 20px rgba(85,130,255,.45), inset 0 0 22px rgba(255,255,255,.05);
    color:#fff;
    text-align:center;
}
.ferobra-glow{
    position:absolute;
    width:280px;
    height:280px;
    border-radius:50%;
    top:-140px;
    right:-80px;
    background:radial-gradient(circle,rgba(91,156,255,.45),rgba(91,156,255,0) 65%);
    pointer-events:none;
}
.ferobra-update-title{
    font-size:28px;
    font-weight:bold;
    color:#ffe08a;
    text-shadow:0 0 8px #000,0 0 12px rgba(255,210,80,.7);
    margin-bottom:6px;
}
.ferobra-update-subtitle{
    color:#dce8ff;
    font-size:15px;
    margin-bottom:14px;
}
.ferobra-cards{
    display:flex;
    gap:12px;
    justify-content:center;
    flex-wrap:wrap;
}
.ferobra-card{
    width:28%;
    min-width:180px;
    padding:12px;
    border-radius:8px;
    background:rgba(0,0,0,.32);
    border:1px solid rgba(255,255,255,.14);
    box-shadow:inset 0 0 12px rgba(255,255,255,.04);
}
.ferobra-icon{
    font-size:30px;
    margin-bottom:5px;
}
.ferobra-card-title{
    color:#7fd7ff;
    font-size:17px;
    font-weight:bold;
    margin-bottom:6px;
}
.ferobra-card-text{
    color:#f3f3f3;
    font-size:13px;
    line-height:1.35;
}
.ferobra-button{
    display:inline-block;
    margin-top:15px;
    padding:10px 20px;
    border-radius:6px;
    background:linear-gradient(#2d8cff,#0057c9);
    color:#fff !important;
    font-weight:bold;
    text-decoration:none !important;
    border:1px solid #72c7ff;
    box-shadow:0 0 12px rgba(45,140,255,.55);
}
.ferobra-button:hover{
    filter:brightness(1.15);
}