.countdown-timer{padding:2rem;text-align:center}.countdown-timer__placeholder{background:#f0f0f0;border-radius:8px;color:#666;padding:3rem}.countdown-timer__display{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.countdown-timer__unit{align-items:center;display:flex;flex-direction:column;min-width:80px}.countdown-timer__value{font-size:3rem;font-weight:700;line-height:1;margin-bottom:.5rem}.countdown-timer__label{font-size:.875rem;letter-spacing:.05em;opacity:.7;text-transform:uppercase}.countdown-timer__completed{font-size:1.5rem;font-weight:700;padding:2rem}.countdown-timer--modern{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff}.countdown-timer--modern .countdown-timer__unit{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border-radius:12px;padding:1.5rem 1rem}.countdown-timer--modern .countdown-timer__value{color:#fff}.countdown-timer--classic{background:#2c3e50;border:3px solid #34495e;border-radius:8px;color:#ecf0f1}.countdown-timer--classic .countdown-timer__unit{background:#34495e;border:2px solid #34495e;border-radius:4px;padding:1.5rem 1rem}.countdown-timer--classic .countdown-timer__value{color:#e74c3c;text-shadow:0 2px 4px rgba(0,0,0,.3)}.countdown-timer--minimal{background:transparent;color:#333}.countdown-timer--minimal .countdown-timer__unit{border-bottom:3px solid #333;padding:1rem .5rem;background-color: #ffffff9f;border-radius: 25px;}.countdown-timer--minimal .countdown-timer__value{color:#333;font-size:4rem;font-weight:300}.countdown-timer--minimal .countdown-timer__label{color:#666;font-weight:500}.countdown-timer--bold{background:#000;border-radius:0;color:#fff;padding:3rem}.countdown-timer--bold .countdown-timer__display{gap:3rem}.countdown-timer--bold .countdown-timer__unit{background:red;border-radius:0;padding:2rem 1.5rem;position:relative;transform:skew(-5deg)}.countdown-timer--bold .countdown-timer__value{color:#fff;font-size:4rem;font-weight:900;transform:skew(5deg)}.countdown-timer--bold .countdown-timer__label{color:#fff;font-size:1rem;font-weight:700;transform:skew(5deg)}@media(max-width:768px){.countdown-timer{padding:1rem}.countdown-timer__display{gap:1rem}.countdown-timer__unit{min-width:60px}.countdown-timer__value{font-size:2rem}.countdown-timer__label{font-size:.75rem}.countdown-timer--bold{padding:1.5rem}.countdown-timer--bold .countdown-timer__display{gap:1rem}.countdown-timer--bold .countdown-timer__unit{padding:1rem .75rem}.countdown-timer--bold .countdown-timer__value{font-size:2.5rem}.countdown-timer--bold .countdown-timer__label{font-size:.875rem}.countdown-timer--minimal .countdown-timer__value{font-size:2.5rem}}