.cc-xmas-contest-wrap {
max-width: 1600px;

padding: 2.5rem;
border-radius: 24px;
background: radial-gradient(circle at top, #ff3131 0%, #111111 42%, #050509 100%);
color: #f9f9f9;
font-family: system-ui, -apple-system, BlinkMacSystemFont, “Segoe UI”, sans-serif;
box-shadow: 0 18px 40px rgba(0, 0, 0, 0.8);
position: relative;
overflow: hidden;
}

.cc-xmas-contest-wrap::before,
.cc-xmas-contest-wrap::after {
content: “”;
position: absolute;
width: 180px;
height: 180px;
border-radius: 50%;
filter: blur(16px);
opacity: 0.25;
pointer-events: none;
}

.cc-xmas-contest-wrap::before {
top: -60px;
right: -40px;
background: rgba(255, 0, 76, 0.7);
}
.cc-xmas-contest-wrap::after {
bottom: -80px;
left: -40px;
background: rgba(0, 255, 128, 0.45);
}

.cc-xmas-contest-inner {
position: relative;
z-index: 2;
}

.cc-xmas-pill {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.3rem 0.9rem;
border-radius: 999px;
font-size: 0.8rem;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #fff;
background: linear-gradient(90deg, #ff3131, #ffb347);
box-shadow: 0 0 12px rgba(255, 75, 75, 0.6);
}

.cc-xmas-pill span.icon {
font-size: 1rem;
}

.cc-xmas-header {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
gap: 1rem;
margin-top: 0.75rem;
margin-bottom: 1.5rem;
}

.cc-xmas-title-block h1 {
margin: 0;
font-size: clamp(2rem, 3vw, 2.6rem);
letter-spacing: 0.06em;
text-transform: uppercase;
font-weight: 800;
}

.cc-xmas-title-block h1 span.highlight {
color: #ff3131;
text-shadow: 0 0 10px rgba(255, 84, 84, 0.9);
}

.cc-xmas-subtitle {
margin-top: 0.35rem;
font-size: 0.95rem;
opacity: 0.9;
}

.cc-xmas-prize {
text-align: right;
min-width: 210px;
}

.cc-xmas-prize-label {
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 0.08em;
opacity: 0.8;
}

.cc-xmas-prize-amount {
font-size: 1.6rem;
font-weight: 800;
color: #fffb8f;
text-shadow: 0 0 8px rgba(255, 251, 143, 0.75);
margin-top: 0.2rem;
}

.cc-xmas-prize-note {
font-size: 0.85rem;
opacity: 0.9;
margin-top: 0.15rem;
}

.cc-xmas-grid {
display: grid;
grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
gap: 1.75rem;
margin-top: 1.75rem;
}

.cc-xmas-section-title {
font-size: 1rem;
letter-spacing: 0.12em;
text-transform: uppercase;
opacity: 0.9;
margin-bottom: 0.9rem;
display: flex;
align-items: center;
gap: 0.5rem;
}

.cc-xmas-section-title span.bar {
flex: 1;
height: 1px;
background: linear-gradient(90deg, rgba(255,255,255,0.2), transparent);
}

.cc-xmas-rules {
list-style: none;
padding: 0;
margin: 0;
display: grid;
gap: 0.7rem;
}

.cc-xmas-rule {
display: grid;
grid-template-columns: auto 1fr;
gap: 0.75rem;
align-items: flex-start;
padding: 0.7rem 0.8rem;
border-radius: 14px;
background: rgba(0, 0, 0, 0.35);
border: 1px solid rgba(255, 255, 255, 0.06);
backdrop-filter: blur(4px);
}

.cc-xmas-rule-icon {
width: 32px;
height: 32px;
border-radius: 999px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1rem;
background: radial-gradient(circle at 30% 0%, #ff3131, #5c0202);
box-shadow: 0 0 12px rgba(255, 78, 78, 0.6);
flex-shrink: 0;
}

.cc-xmas-rule-icon.alt {
background: radial-gradient(circle at 30% 0%, #00e38a, #004225);
box-shadow: 0 0 12px rgba(0, 227, 138, 0.6);
}

.cc-xmas-rule-content strong {
font-size: 0.92rem;
text-transform: uppercase;
letter-spacing: 0.06em;
display: block;
margin-bottom: 0.2rem;
}

.cc-xmas-rule-content span {
font-size: 0.9rem;
opacity: 0.9;
}

.cc-xmas-info-card {
border-radius: 18px;
padding: 1rem 1rem 1.2rem;
background: linear-gradient(145deg, rgba(0,0,0,0.7), rgba(40, 9, 9, 0.9));
border: 1px solid rgba(255,255,255,0.08);
box-shadow: 0 12px 24px rgba(0,0,0,0.7);
display: grid;
gap: 0.9rem;
}

.cc-xmas-info-line {
font-size: 0.9rem;
opacity: 0.95;
display: flex;
align-items: center;
gap: 0.5rem;
}

.cc-xmas-info-label {
font-size: 0.78rem;
text-transform: uppercase;
letter-spacing: 0.12em;
opacity: 0.7;
}

.cc-xmas-info-value {
font-weight: 600;
}

.cc-xmas-info-highlight {
color: #fffb8f;
}

.cc-xmas-cta {
margin-top: 2rem;
text-align: center;
}

.cc-xmas-cta-button {
display: inline-flex;
align-items: center;
gap: 0.7rem;
padding: 0.85rem 1.9rem;
border-radius: 999px;
border: 1px solid rgba(255,255,255,0.25);
background: radial-gradient(circle at 10% 0%, #ff3131, #8b0000 42%, #000000 100%);
color: #fff;
text-decoration: none;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
font-size: 0.9rem;
box-shadow: 0 0 20px rgba(255, 86, 86, 0.8);
cursor: pointer;
transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.12s ease;
}

.cc-xmas-cta-button span.icon-left {
font-size: 1.2rem;
}

.cc-xmas-cta-button span.icon-right {
font-size: 1.1rem;
transform: translateY(1px);
}

.cc-xmas-cta-button:hover {
transform: translateY(-2px);
box-shadow: 0 0 26px rgba(255, 120, 120, 0.95);
}

.cc-xmas-cta-note {
margin-top: 0.6rem;
font-size: 0.8rem;
opacity: 0.8;
}

@media (max-width: 768px) {
.cc-xmas-contest-wrap {
padding: 1.6rem;
margin: 24px auto;
border-radius: 18px;
}

.cc-xmas-header {
flex-direction: column;
align-items: flex-start;
text-align: left;
}

.cc-xmas-prize {
text-align: left;
}

.cc-xmas-grid {
grid-template-columns: minmax(0, 1fr);
}

.cc-xmas-cta-button {
width: 100%;
justify-content: center;
}
}