SSC Cumilla Board

.cb-result-card {
max-width: 480px;
margin: 20px auto;
padding: 24px 20px;
background: linear-gradient(145deg, #ffffff, #f8f7ff);
border-radius: 16px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
border: 1px solid rgba(111, 66, 193, 0.15);
text-align: center;
box-sizing: border-box;
}

.cb-status-badge {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 6px 14px;
background-color: #f3e8ff;
color: #6f42c1;
font-size: 13px;
font-weight: 600;
border-radius: 20px;
margin-bottom: 12px;
}

.cb-pulse-dot {
width: 8px;
height: 8px;
background-color: #6f42c1;
border-radius: 50%;
display: inline-block;
animation: cbPulse 1.5s infinite;
}

@keyframes cbPulse {
0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(111, 66, 193, 0.7); }
70% { transform: scale(1); box-shadow: 0 0 0 8px rgba(111, 66, 193, 0); }
100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(111, 66, 193, 0); }
}

.cb-title {
margin: 0 0 6px 0;
font-size: 20px;
font-weight: 700;
color: #1a1f2c;
line-height: 1.3;
}

.cb-subtitle {
margin: 0 0 20px 0;
font-size: 14px;
color: #5f6368;
}

.cb-countdown-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
margin-bottom: 20px;
}

.cb-time-box {
background: #ffffff;
padding: 12px 6px;
border-radius: 12px;
border: 1px solid #e2e8f0;
box-shadow: 0 2px 6px rgba(0,0,0,0.03);
display: flex;
flex-direction: column;
align-items: center;
}

.cb-number {
font-size: 22px;
font-weight: 800;
color: #6f42c1;
line-height: 1.1;
}

.cb-label {
font-size: 11px;
color: #6c757d;
margin-top: 4px;
font-weight: 500;
}

.cb-info-footer {
font-size: 12px;
color: #80868b;
border-top: 1px dashed #dadce0;
padding-top: 12px;
}

/* Mobile Adjustments */
@media (max-width: 400px) {
.cb-result-card {
padding: 18px 14px;
}
.cb-countdown-grid {
gap: 6px;
}
.cb-number {
font-size: 18px;
}
.cb-label {
font-size: 10px;
}
}

(function() {
// Set target date here (YYYY, Month Index 0-11, Day, Hour, Minute)
// Current target: August 10, 2026 at 08:00 AM
const targetDate = new Date(2026, 7, 10, 9, 30, 0).getTime();

function updateCountdown() {
const now = new Date().getTime();
const difference = targetDate – now;

if (difference <= 0) {
document.getElementById('cbCountdown').innerHTML =
'

‘;
return;
}

const days = Math.floor(difference / (1000 * 60 * 60 * 24));
const hours = Math.floor((difference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const minutes = Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((difference % (1000 * 60)) / 1000);

document.getElementById(‘cb-days’).innerText = String(days).padStart(2, ‘0’);
document.getElementById(‘cb-hours’).innerText = String(hours).padStart(2, ‘0’);
document.getElementById(‘cb-minutes’).innerText = String(minutes).padStart(2, ‘0’);
document.getElementById(‘cb-seconds’).innerText = String(seconds).padStart(2, ‘0’);
}

updateCountdown();
setInterval(updateCountdown, 1000);
})();