/* Google Font Oswald Import */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;600&display=swap');

/* General Body Settings */
body {
    background-color: #000;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    margin: 0;
    padding: 5px; /* বাইরের স্পেস একদম কম */
    display: flex;
    justify-content: center;
    align-items: flex-start;
    min-height: 100vh;
}

/* Main Container */
.container {
    width: 100%;
    max-width: 380px; /* Mobile Friendly Width */
    border: 2px solid #FFD700; /* Yellow Border */
    border-radius: 15px;
    padding: 15px 10px; /* ভিতরের স্পেস কম */
    text-align: center;
    background: #000;
    box-sizing: border-box;
    margin-top: 10px;
}

/* Titles and Headings */
h2, .file-name-title {
    font-size: 22px; 
    color: #FFD700;
    margin: 0 0 2px 0; 
    text-transform: capitalize;
    font-weight: 600;
}

.tiktok-id {
    font-size: 13px; 
    color: #fff;
    margin: 0 0 8px 0;
    font-weight: 300;
}

/* Profile Picture (Logo) */
.profile-pic {
    width: 75px;  /* লোগো অনেক ছোট করা হয়েছে */
    height: 75px;
    border-radius: 50%;
    border: 2px solid #FFD700;
    box-shadow: 0px 0px 12px rgba(255, 215, 0, 0.6); 
    margin: 0px 0 5px 0; /* লোগো ও অ্যাবাউট টেক্সটের মাঝখানের গ্যাপ একদম কম */
    object-fit: cover;
}

/* About Text */
.about-text {
    font-size: 15px; /* অ্যাবাউট টেক্সট বড় করা হয়েছে */
    line-height: 1.4;
    margin: 0 0 12px 0;
    font-weight: 300;
    padding: 0 8px;
    color: #eee;
}

/* Section Separator Titles */
.section-title {
    color: #FFD700;
    margin: 15px 0 8px 0; 
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.5px;
}

.password-info {
    color: #FFD700;
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Global Button Style */
.btn-main {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 10px; 
    margin: 8px 0; 
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px; 
    transition: 0.3s;
    box-sizing: border-box;
    border: none;
    gap: 8px;
    text-transform: uppercase;
}

/* --- Index Page Button Colors --- */
.btn-dl { background: #FFD700; color: #000; }
.social-tg { background: #0088cc; color: white; }
.social-yt { background: #ff0000; color: white; }
.social-fb { background: #1877f2; color: white; }

/* --- Second Page Gradient Buttons (Screenshot Design) --- */
.btn-dl-gradient {
    background: linear-gradient(to bottom, #FFEB3B, #FBC02D);
    color: #000;
    box-shadow: 0 0 15px rgba(255, 235, 59, 0.3);
    padding: 15px;
    font-size: 18px;
}

.btn-watch-gradient {
    background: linear-gradient(to bottom, #FF1744, #D50000);
    color: #fff;
    box-shadow: 0 0 15px rgba(255, 23, 68, 0.3);
    padding: 15px;
    font-size: 18px;
}

/* Back link */
.back-link {
    display: block;
    margin-top: 15px;
    color: #FFD700;
    text-decoration: none;
    font-size: 13px;
}

/* Icon Size */
.btn-main i {
    font-size: 18px;
}