Mega Millions Results June 30, 2026

.mm-container {
max-width: 700px;
margin: 0 auto;
font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, Oxygen, Ubuntu, sans-serif;
color: #1a1a2e;
background: #f8f6ff;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 4px 24px rgba(76, 29, 149, 0.12);
}
.mm-header {
background: linear-gradient(135deg, #4c1d95 0%, #6d28d9 50%, #7c3aed 100%);
padding: 28px 24px;
text-align: center;
}
.mm-header h2 {
color: #fff;
margin: 0;
font-size: 26px;
font-weight: 800;
letter-spacing: 0.5px;
}
.mm-header p {
color: #c4b5fd;
margin: 6px 0 0;
font-size: 15px;
}
.mm-body {
padding: 32px 24px;
}
.mm-section-title {
font-size: 16px;
font-weight: 700;
color: #4c1d95;
text-transform: uppercase;
letter-spacing: 1.5px;
margin: 0 0 18px;
text-align: center;
}
.mm-numbers {
display: flex;
justify-content: center;
gap: 12px;
flex-wrap: wrap;
margin: 0 0 28px;
}
.mm-ball {
display: flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
border-radius: 50%;
font-size: 22px;
font-weight: 800;
box-shadow: 0 3px 10px rgba(0,0,0,0.12);
}
.mm-ball-white {
background: #fff;
color: #4c1d95;
border: 2px solid #ddd6fe;
}
.mm-ball-mega {
background: linear-gradient(135deg, #f59e0b, #fbbf24);
color: #fff;
border: 2px solid #d97706;
}
.mm-mega-label {
text-align: center;
font-size: 13px;
font-weight: 600;
color: #f59e0b;
text-transform: uppercase;
letter-spacing: 1px;
margin: -18px 0 28px;
}
.mm-jackpot {
background: linear-gradient(135deg, #4c1d95, #6d28d9);
color: #fff;
border-radius: 12px;
padding: 20px;
text-align: center;
margin: 0 0 24px;
}
.mm-jackpot-label {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 2px;
opacity: 0.8;
}
.mm-jackpot-amount {
font-size: 36px;
font-weight: 900;
margin: 6px 0;
text-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
.mm-jackpot-draw {
font-size: 14px;
opacity: 0.8;
}
.mm-details {
background: #fff;
border: 1px solid #ede9fe;
border-radius: 12px;
padding: 20px;
margin: 0 0 24px;
}
.mm-detail-row {
display: flex;
justify-content: space-between;
padding: 8px 0;
border-bottom: 1px solid #f3f0ff;
font-size: 15px;
}
.mm-detail-row:last-child {
border-bottom: none;
}
.mm-detail-label {
color: #6b7280;
font-weight: 500;
}
.mm-detail-value {
color: #1a1a2e;
font-weight: 600;
}
.mm-footer {
background: #ede9fe;
padding: 20px 24px;
text-align: center;
font-size: 13px;
color: #6b7280;
line-height: 1.6;
}
.mm-footer strong {
color: #4c1d95;
}