🍓 স্ট্রবেরি গণনা ও অফার
📋 গণনা নির্দেশনা
📌 যা করতে হবে:
- নিচের ৫টি "Click Hear" পেজে ক্লিক করুন।
- প্রতিটি পেজের স্ক্রিনশট নিন (মোট ৫টি)।
- প্রতিটি পেজে 🍓 স্ট্রবেরির ছবি গুনুন।
- যোগফল প্রমাণ হিসেবে লিখুন
✅ লেখা স্বয়ংক্রিয়ভাবে সেভ হচ্ছে
💎
৫০০ টাকা ইনস্ট্যান্ট বোনাস
একাউন্ট খুললেই পাচ্ছেন ৫০০ টাকা ক্রেডিট।
🎯 ক্লিক করুন
🎰
ফ্রি স্পিন + ২০০% বোনাস
প্রথম জমায় ২০০% বোনাস ও ৫০ ফ্রি স্পিন।
🎯 ক্লিক করুন
💰
ক্যাশব্যাক ২০%
সপ্তাহ শেষে ক্ষতির উপর ২০% ক্যাশব্যাক।
🎯 ক্লিক করুন
🎁
রেফারেল বোনাস ১০০০ টাকা
বন্ধু রেফার করলেই ১০০০ টাকা।
🎯 ক্লিক করুন
🚀
ভিআইপি মেম্বারশিপ ফ্রি
প্রথম ১০০ জনের জন্য আজীবন ভিআইপি।
🎯 ক্লিক করুন
🎊
ডিপোজিট ছাড়াই ২৫০ টাকা
রেজিস্ট্রেশন করলেই ২৫০ টাকা।
🎯 ক্লিক করুন
max-width: 750px;
width: 100%;
display: flex;
flex-direction: column;
gap: 24px;
background: var(--white);
border-radius: var(--radius-lg);
padding: 25px 20px 30px;
box-shadow: var(--shadow);
border: 1px solid #c3e6cb;
}
/* ========== HEADER ========== */
.header {
text-align: center;
background: #d4edda;
color: #155724;
padding: 28px 20px;
border-radius: var(--radius);
border: 1px solid #c3e6cb;
}
.header h1 {
font-size: 2rem;
font-weight: 700;
margin-bottom: 6px;
}
.header p {
font-size: 0.95rem;
opacity: 0.9;
}
/* ========== স্ট্রবেরি টাস্ক সেকশন ========== */
.task-section {
background: #f9fff9;
border: 1px solid #c3e6cb;
border-radius: var(--radius);
padding: 22px 20px;
text-align: center;
}
.task-section h2 {
font-size: 1.6rem;
color: #155724;
margin-bottom: 12px;
}
.instruction-box {
background: #ffffff;
border: 1px solid #b1dfbb;
border-radius: 12px;
padding: 16px 18px;
text-align: left;
margin-bottom: 20px;
font-size: 0.95rem;
color: #2d3e2d;
}
.instruction-box ul {
margin: 8px 0 0 20px;
}
.instruction-box li {
margin-bottom: 5px;
}
/* বাটন গ্রিড */
.blog-buttons-grid {
display: flex;
flex-direction: column;
gap: 12px;
}
/* সবুজ Click Hear বাটন (কোনো অ্যানিমেশন নেই, পরিষ্কার) */
.blog-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
background: var(--green);
color: #fff;
border: 1px solid #1e7e34;
border-radius: 40px;
padding: 14px 22px;
font-size: 1.1rem;
font-weight: 700;
text-decoration: none;
transition: background 0.2s;
letter-spacing: 0.4px;
}
.blog-btn:hover {
background: var(--green-dark);
border-color: #155724;
}
.blog-btn .btn-number {
background: rgba(255,255,255,0.25);
width: 32px;
height: 32px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 1rem;
}
.blog-btn .btn-text {
flex: 1;
text-align: center;
}
/* হিসাব বক্স */
.calc-box {
background: #ffffff;
border: 1px solid #c3e6cb;
border-radius: var(--radius);
padding: 20px 18px;
margin-top: 8px;
}
.calc-box label {
font-weight: 700;
color: #155724;
display: block;
margin-bottom: 10px;
}
.calc-box textarea {
width: 100%;
min-height: 120px;
border: 1px solid #b1dfbb;
border-radius: 12px;
padding: 14px 16px;
font-family: var(--font);
font-size: 0.95rem;
resize: vertical;
background: #fdfdfd;
line-height: 1.8;
}
.calc-box textarea:focus {
outline: none;
border-color: var(--green);
box-shadow: 0 0 0 3px rgba(40,167,69,0.1);
}
.calc-box .btn-row {
display: flex;
gap: 10px;
justify-content: flex-end;
margin-top: 12px;
}
.btn-sm {
padding: 7px 20px;
border-radius: 30px;
border: none;
font-weight: 600;
cursor: pointer;
font-size: 0.9rem;
}
.btn-save {
background: var(--green);
color: #fff;
}
.btn-save:hover {
background: var(--green-dark);
}
.btn-clear {
background: #eee;
color: #444;
}
.btn-clear:hover {
background: #ddd;
}
.save-indicator {
font-size: 0.8rem;
color: #666;
text-align: right;
margin-top: 6px;
}
/* অফার সেকশন হেডার */
.offer-header {
text-align: center;
background: #d4edda;
border: 1px solid #c3e6cb;
border-radius: var(--radius);
padding: 18px 20px;
margin-top: 5px;
}
.offer-header h2 {
font-size: 1.5rem;
font-weight: 700;
color: #155724;
}
/* প্রমো কার্ড */
.offers-grid {
display: flex;
flex-direction: column;
gap: 16px;
}
.offer-card {
background: #ffffff;
border: 1px solid #c3e6cb;
border-radius: var(--radius);
padding: 18px 20px;
display: flex;
align-items: center;
gap: 14px;
flex-wrap: wrap;
transition: 0.2s;
}
.offer-card:hover {
border-color: var(--green);
background: #f6fef6;
}
.offer-icon {
font-size: 2.4rem;
background: #eaf7ea;
width: 56px;
height: 56px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.offer-info {
flex: 1;
min-width: 160px;
}
.offer-info h3 {
font-size: 1.1rem;
color: #1a3b1a;
margin-bottom: 3px;
}
.offer-info p {
font-size: 0.9rem;
color: #455845;
}
.offer-btn {
background: var(--green);
color: #fff;
border: none;
padding: 10px 20px;
border-radius: 30px;
font-weight: 700;
text-decoration: none;
white-space: nowrap;
transition: background 0.2s;
font-size: 0.9rem;
}
.offer-btn:hover {
background: var(--green-dark);
}
.footer-note {
text-align: center;
font-size: 0.85rem;
color: #5b7a5b;
margin-top: 6px;
}
@media (max-width: 550px) {
.offer-card {
flex-direction: column;
text-align: center;
}
.offer-btn {
width: 100%;
text-align: center;
}
}
📋 গণনা নির্দেশনা
📌 যা করতে হবে:
- নিচের ৫টি "Click Hear" পেজে ক্লিক করুন।
- প্রতিটি পেজের স্ক্রিনশট নিন (মোট ৫টি)।
- প্রতিটি পেজে 🍓 স্ট্রবেরির ছবি গুনুন।
- সবগুলোর যোগফল লিখে রাখুন।
✅ লেখা স্বয়ংক্রিয়ভাবে সেভ হচ্ছে
💎
৫০০ টাকা ইনস্ট্যান্ট বোনাস
একাউন্ট খুললেই পাচ্ছেন ৫০০ টাকা ক্রেডিট।
🎯 ক্লিক করুন
🎰
ফ্রি স্পিন + ২০০% বোনাস
প্রথম জমায় ২০০% বোনাস ও ৫০ ফ্রি স্পিন।
🎯 ক্লিক করুন
💰
ক্যাশব্যাক ২০%
সপ্তাহ শেষে ক্ষতির উপর ২০% ক্যাশব্যাক।
🎯 ক্লিক করুন
🎁
রেফারেল বোনাস ১০০০ টাকা
বন্ধু রেফার করলেই ১০০০ টাকা।
🎯 ক্লিক করুন
🚀
ভিআইপি মেম্বারশিপ ফ্রি
প্রথম ১০০ জনের জন্য আজীবন ভিআইপি।
🎯 ক্লিক করুন
🎊
ডিপোজিট ছাড়াই ২৫০ টাকা
রেজিস্ট্রেশন করলেই ২৫০ টাকা।
🎯 ক্লিক করুন
