* { margin: 0; padding: 0; box-sizing: border-box; }
body { 
    font-family: 'Hind Siliguri', 'Poppins', sans-serif; 
    color: #fff; 
    background: #000; 
    overflow-x: hidden; 
}

/* ভিডিও ব্যাকগ্রাউন্ড */
.video-container {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -100; overflow: hidden;
}
#bg-video { width: 100%; height: 100%; object-fit: cover; }
.overlay {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.95));
    z-index: -50;
}

.container { 
    width: 95%; max-width: 500px; margin: 0 auto; 
    text-align: center; padding: 40px 0; 
    position: relative; z-index: 10; 
}

/* প্রোফাইল ছবি */
.profile-img { 
    width: 140px; height: 140px; border-radius: 50%; 
    border: 4px solid #fff; margin-bottom: 15px; 
    object-fit: cover; box-shadow: 0 0 25px rgba(255,255,255,0.15);
}
.name { font-size: 26px; font-weight: 700; margin-bottom: 5px; color: #fff; }
.role { 
    font-size: 14px; background: rgba(255, 255, 255, 0.15); 
    padding: 5px 15px; border-radius: 20px; display: inline-block; margin-bottom: 25px; 
    backdrop-filter: blur(5px);
}

/* সাধারণ বক্স ডিজাইন */
.info-box {
    background: rgba(255, 255, 255, 0.1); 
    backdrop-filter: blur(15px);
    padding: 20px; border-radius: 16px; 
    margin-bottom: 25px; 
    border: 1px solid rgba(255, 255, 255, 0.08);
    text-align: left;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}
.info-box.center { text-align: center; }

.arabic { font-family: 'Amiri', serif; font-size: 22px; color: #81ecec; display: block; margin-bottom: 8px; }
.hadith-ref { font-size: 13px; opacity: 0.7; display: block; margin-top: 8px; font-style: italic; }

/* লিংক এবং বাটন */
.link-group { margin-bottom: 30px; }
.group-header {
    font-size: 16px; font-weight: 600; color: #ccc; 
    margin-bottom: 15px; text-transform: uppercase; letter-spacing: 2px;
    display: flex; align-items: center; justify-content: center; gap: 10px;
}
.group-header::before, .group-header::after {
    content: ""; height: 1px; width: 40px; background: linear-gradient(90deg, transparent, #ccc, transparent);
}

.link-item {
    display: flex; align-items: center;
    background: rgba(255, 255, 255, 0.12); 
    padding: 14px 15px; border-radius: 12px; 
    text-decoration: none; color: #fff; font-size: 16px; 
    margin-bottom: 12px; transition: all 0.3s ease;
    border: 1px solid rgba(255,255,255,0.05);
}
.link-item:hover { 
    transform: translateY(-3px); 
    background: rgba(255, 255, 255, 0.25); 
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}
.link-item i { width: 35px; font-size: 20px; text-align: center; margin-right: 10px; }

/* ব্র্যান্ড কালার */
.fa-facebook { color: #1877F2; }
.fa-youtube { color: #FF0000; }
.fa-instagram { color: #E4405F; }
.fa-tiktok { color: #fff; } 
.fa-whatsapp { color: #25D366; }
.fa-telegram { color: #2AABEE; }
.fa-envelope { color: #EA4335; }
.fa-x-twitter { color: #fff; }

footer { font-size: 13px; opacity: 0.6; margin-top: 50px; padding-bottom: 20px; }