/* ১. গ্লোবাল সেটিংস */
:root { 
    --primary: #006633; 
    --accent: #25d366; 
    --bg: #f8fafc; 
    --white: #ffffff; 
}

* { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Segoe UI', sans-serif; }

body { background-color: var(--bg); color: #334155; padding-bottom: 80px; }

/* ২. স্টিকি সোশ্যাল বার (ডেস্কটপ) */
.social-sticky {
    position: fixed;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 20px;
    z-index: 1000;
}
.social-sticky a {
    font-size: 28px;
    background: var(--white);
    padding: 10px;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    transition: 0.3s;
}
.social-sticky a:hover { transform: scale(1.1); }

/* ৩. হেডার */
.header { 
    background: var(--white); 
    padding: 20px; 
    text-align: center; 
    box-shadow: 0 2px 10px rgba(0,0,0,0.05); 
    position: sticky; 
    top: 0; 
    z-index: 999; 
}

/* ৪. মেইন কন্টেন্ট ও কার্ড */
.app-container { max-width: 600px; margin: 20px auto; padding: 0 15px; }
.glass-card { 
    background: var(--white); 
    padding: 20px; 
    border-radius: 20px; 
    box-shadow: 0 10px 25px rgba(0,0,0,0.08); 
}

/* ৫. ফর্ম ডিজাইন */
input, textarea { 
    width: 100%; 
    padding: 12px; 
    margin: 10px 0; 
    border: 1px solid #ddd; 
    border-radius: 10px; 
    outline: none; 
}
.submit-btn { 
    width: 100%; 
    padding: 14px; 
    background: var(--primary); 
    color: white; 
    border: none; 
    border-radius: 10px; 
    font-weight: bold; 
    cursor: pointer; 
}

/* ৬. ফুটার মেনু (মোবাইল) */
.footer-menu {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: var(--white);
    display: flex;
    justify-content: space-around;
    padding: 10px 0;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.05);
    z-index: 1000;
}
.footer-menu a { text-align: center; color: var(--primary); text-decoration: none; font-size: 12px; }

/* ৭. রেসপন্সিভ */
@media (max-width: 768px) {
    .social-sticky { display: none; }
}