body{
    margin:0;
    background: linear-gradient(135deg,#0a0a0a,#1a1a1a,#7c3aed,#ff6a00);
    color:#fff;
    font-family:'Noto Sans Arabic',sans-serif;
}

/* ===== GLOBAL ===== */
*{
    box-sizing:border-box;
}

/* ===== CONTAINER ===== */
.container{
    max-width:1100px;
    margin:auto;
    padding:20px;
}

/* ===== TABS ===== */
.tabs-box{
    background:#111;
    padding:12px;
    border-radius:15px;
    display:flex;
    gap:10px;
    margin-bottom:25px;
}

/* Cairo فقط برای تب‌ها */
.tabs-box .tab-btn{
    flex:1;
    background:#1f2937;
    border:none;
    padding:16px 10px;
    border-radius:12px;
    color:#ccc;

    font-family:'Cairo', sans-serif !important;
    font-size:18px;
    font-weight:800 !important;

    cursor:pointer;
    transition:0.3s;
}

.tabs-box .tab-btn.active{
    background:#ff6a00;
    color:#fff;

    font-family:'Cairo', sans-serif !important;
    font-weight:900 !important;
}

/* ===== GRID ===== */
.grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
}

/* ===== CARD ===== */
.card{
    border:1px solid rgba(255,255,255,0.15);
    border-radius:20px;
    padding:20px;
    position:relative;
    background:rgba(255,255,255,0.03);
}

/* ===== BADGE (بدون چشمک) ===== */
.badge{
    position:absolute;
    top:-14px;
    right:20px;

    background:linear-gradient(45deg,#ff6a00,#7c3aed);
    padding:8px 18px;
    border-radius:12px;

    font-size:14px;
    font-weight:900;
    color:#fff;

    box-shadow:0 0 12px rgba(255,106,0,0.5);

    animation:none !important;
    opacity:1 !important;
}

/* ===== TOP ===== */
.top{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

/* ===== LOGO (دو برابر + محدود به 400x400) ===== */
.top img{
    width:100px;      /* دو برابر قبلی */
    height:100px;     /* حفظ تناسب */
    max-width:400px; /* سقف */
    max-height:400px;
    object-fit:contain;
}

/* ===== TEXT ===== */
.site-name{
    font-weight:800;
    font-size:22px;
    margin-top:10px;
}

.site-desc{
    font-weight:700;
    color:#ccc;
}

.line{
    border-top:1px solid rgba(255,255,255,0.2);
    margin:10px 0;
}

.text{
    font-size:14px;
    line-height:1.9;
}

/* ===== COPY ===== */
.link-box{
    background:#111;
    padding:8px;
    border-radius:10px;
    display:flex;
    justify-content:space-between;
    margin-top:10px;
}

.link-box button{
    background:#ff6a00;
    border:none;
    color:#fff;
    padding:6px 12px;
    border-radius:8px;
    cursor:pointer;
    font-weight:700;
}

/* ===== BUTTONS ===== */
.btns{
    display:flex;
    gap:10px;
    margin-top:10px;
}

.btn{
    flex:1;
    padding:11px;
    text-align:center;
    border-radius:10px;
    text-decoration:none;
    font-weight:800;
}

.green{background:#22c55e;color:#fff;}
.dark{background:#374151;color:#fff;}

/* ===== RESPONSIVE ===== */
@media(max-width:700px){
    .grid{
        grid-template-columns:1fr;
    }

    .top img{
        width:70px;
        height:70px;
    }
}