WBBSE Class 6 Math Solution

/* মূল লেআউট এবং গ্রিড সিস্টেম */ .chapter-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; padding: 20px; font-family: 'Segoe UI', Arial, sans-serif; } /* কার্ডের মূল ডিজাইন */ .custom-chapter-card { position: relative; background: #ffffff; border: 2px solid #e2e8f0; border-radius: 16px; padding: 40px 25px 30px 25px; box-shadow: 0 8px 25px rgba(0,0,0,0.04); margin-top: 15px; text-align: left; transition: all 0.3s ease; cursor: pointer; } /* হোভার বা টাচ এফেক্ট (কার্ডের জন্য) */ .custom-chapter-card:hover, .custom-chapter-card:active { border-color: #06b6d4; box-shadow: 0 15px 35px rgba(6, 182, 212, 0.15); transform: translateY(-5px); } /* গোল ব্যাজ (Chapter Number) */ .chapter-badge { position: absolute; top: -20px; left: 25px; background: linear-gradient(135deg, #ff5252, #ff7b7b); color: #ffffff; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: bold; box-shadow: 0 5px 15px rgba(255, 82, 82, 0.4); transition: all 0.3s ease; } /* টাচ করলে ব্যাজের রং পরিবর্তন (বেগুনি) */ .custom-chapter-card:hover .chapter-badge, .custom-chapter-card:active .chapter-badge { background: linear-gradient(135deg, #8b5cf6, #6d28d9); box-shadow: 0 5px 15px rgba(139, 92, 246, 0.4); } /* অধ্যায়ের নাম */ .chapter-title { font-size: 20px; color: #1e293b; margin: 0 0 8px 0; font-weight: 700; line-height: 1.4; } /* সাবটাইটেল (English) */ .chapter-subtitle { font-size: 14px; color: #94a3b8; margin-bottom: 25px; } /* বাটনগুলোর জন্য গ্রিড (যাতে পাশাপাশি বসে) */ .btn-container { display: flex; flex-wrap: wrap; gap: 10px; } /* সাধারণ বাটনের স্টাইল */ .chapter-btn { display: inline-flex; align-items: center; padding: 6px 16px; border-radius: 20px; text-decoration: none; font-size: 14px; font-weight: 600; transition: all 0.3s ease; } /* 'কষে দেখি' বাটন (সাধারণ অবস্থায় নীল) */ .btn-blue { background: #eff6ff; color: #3b82f6; } /* 'কষে দেখি' বাটনে টাচ করলে (গাঢ় নীল ব্যাকগ্রাউন্ড, সাদা লেখা) */ .btn-blue:hover, .btn-blue:active { background: #2563eb !important; color: #ffffff !important; } /* 'নিজে করি' বাটন (সাধারণ অবস্থায় হালকা গোলাপি/লাল) */ .btn-red { background: #fff1f2; color: #ef4444; } /* 'নিজে করি' বাটনে টাচ করলে (গাঢ় লাল ব্যাকগ্রাউন্ড, সাদা লেখা) */ .btn-red:hover, .btn-red:active { background: #dc2626 !important; color: #ffffff !important; } /* পেন্সিল আইকন (ইমোজি) */ .icon { margin-right: 5px; }