/* ================= Body & Fonts ================= */
body {
    font-family: 'Bangla', Arial, sans-serif !important;
    font-size: 1.5rem; /* ছোট লেখা */
    background-color: #000; /* কালো ব্যাকগ্রাউন্ড */
    margin: 0;
    padding: 1rem;
    text-align: center;
    color: #99f0ff; /* উজ্জ্বল নীলচে সাদা */
    text-shadow: 0 0 3px rgba(0,180,255,0.7); /* subtle blue glow */
}

/* ================= Paragraph ================= */
p {
    text-align: center;
    line-height: 1.6;
    margin-bottom: 8px;
    color: #99f0ff;
    text-shadow: 0 0 3px rgba(0,180,255,0.6);
    font-size: 1rem; /* compact */
}

/* ================= Links ================= */
a {
    color: #66ccff; /* আলাদা নীল লিঙ্ক */
    text-decoration: none;
    text-shadow: 0 0 2px rgba(0,150,255,0.6);
    transition: color 0.3s ease, text-shadow 0.3s ease;
}

a:hover {
    color: #e6ffff;
    text-decoration: underline;
    text-shadow: 0 0 4px rgba(0,180,255,0.8);
}

a:active {
    color: #66ccff;
    text-decoration: underline;
}

/* ================= Buttons ================= */
.btn {
    font-size: 0.85rem; /* ছোট বাটন লেখা */
    padding: 10px 28px;
    margin: 0.5rem;
    cursor: pointer;
    border-radius: 50px;
    transition: all 0.3s ease;
    text-shadow: 0 0 3px rgba(0,180,255,0.6);
}

.btn-primary {
    background-color: rgb(1,134,218);
    border: 1px solid rgb(1,134,218);
    color: #99f0ff;
    box-shadow: 0 3px 10px rgba(0,180,255,0.5);
}

.btn-semi-transparent {
    background-color: rgba(1,134,218,0.15);
    border: 1px solid rgba(1,134,218,0.25);
    color: rgba(153,240,255,0.9);
}

.btn-gradient {
    background-image: linear-gradient(to right, rgb(1,134,218), rgb(182,49,167));
    border: 0;
    color: #99f0ff;
    box-shadow: 0 3px 10px rgba(0,180,255,0.5);
}

.btn-gradient-border {
    color: #99f0ff;
    border: 2px double transparent;
    background-image: linear-gradient(#0d0e21, #0d0e21), radial-gradient(circle at left top, rgb(1,110,218), rgb(217,0,192));
    background-origin: border-box;
    background-clip: padding-box, border-box;
    box-shadow: 0 3px 10px rgba(0,180,255,0.5);
}

/* ================= Glow Text ================= */
.glow {
    font-size: 0.95rem; /* ছোট */
    color: #99f0ff;
    text-shadow: 0 0 4px rgba(0,180,255,0.7);
    transition: text-shadow 0.3s ease;
}

/* ================= Footer ================= */
.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #000;
    color: #99f0ff;
    text-align: center;
    padding: 8px 0;
    font-size: 0.85rem;
    text-shadow: 0 0 3px rgba(0,180,255,0.6);
}

.footer a {
    color: #66ccff;
    text-decoration: underline;
    text-shadow: 0 0 2px rgba(0,150,255,0.6);
}

.footer a:hover {
    color: #e6ffff;
    text-shadow: 0 0 4px rgba(0,180,255,0.8);
}