*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--bg-card:#141414;--bg-card-hover:#1a1a1a;--text:#f0f0f0;--text-muted:#888;--accent:#f44;--accent-orange:#ff6b35;--accent-glow:#ff444440;--success:#22c55e;--success-glow:#22c55e40;--reward:#e8a020;--reward-glow:#e8a02040;--radius:12px;--radius-sm:8px;--transition:.3s ease}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:860px;margin:0 auto;padding:0 20px}section{padding:48px 0}.hero{text-align:center;padding:72px 0 48px;position:relative}.hero__badge{border:1px solid var(--accent);color:var(--accent);letter-spacing:.08em;text-transform:uppercase;background:#ff444414;border-radius:999px;margin-bottom:20px;padding:6px 18px;font-size:.8rem;display:inline-block}.hero__title{margin-bottom:12px;font-size:2.4rem;font-weight:900;line-height:1.2}.hero__title em{color:var(--accent);font-style:normal}.hero__subtitle{color:var(--text-muted);font-size:1rem}.day-counter{margin-top:32px}.day-counter__number{color:var(--accent);text-shadow:0 0 40px var(--accent-glow);font-size:5rem;font-weight:900;line-height:1}.day-counter__label{color:var(--text-muted);margin-top:4px;font-size:1.1rem}.countdown{text-align:center;padding:40px 0}.countdown__title{color:var(--text-muted);letter-spacing:.04em;margin-bottom:24px;font-size:1.2rem}.countdown__grid{justify-content:center;gap:16px;display:flex}.countdown__item{background:var(--bg-card);border-radius:var(--radius);text-align:center;border:1px solid #222;min-width:90px;padding:20px 24px}.countdown__value{color:var(--accent);font-variant-numeric:tabular-nums;font-size:2.8rem;font-weight:900;line-height:1}.countdown__unit{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:6px;font-size:.75rem}.progress-section{text-align:center;padding:32px 0 48px}.progress-bar-wrap{background:#1e1e1e;border-radius:999px;max-width:600px;height:14px;margin:0 auto;position:relative;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--accent), var(--accent-orange));border-radius:999px;height:100%;transition:width .8s cubic-bezier(.22,1,.36,1);position:relative}.progress-bar-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff26 50%,#0000 100%);animation:2s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{color:var(--text-muted);margin-top:12px;font-size:.9rem}.progress-text strong{color:var(--text)}.success-section{text-align:center;padding:64px 0}.success-section__icon{margin-bottom:16px;font-size:4rem}.success-section__title{color:var(--success);margin-bottom:12px;font-size:2.4rem;font-weight:900}.success-section__desc{color:var(--text-muted);font-size:1.1rem}.penalty-section{min-height:60px}.penalty-card{background:var(--bg-card);border-radius:var(--radius);text-align:center;border:1px solid #2a1515;padding:32px;position:relative;overflow:hidden}.penalty-card:before{content:"";pointer-events:none;background:radial-gradient(#ff44440f,#0000 70%);position:absolute;inset:0}.penalty-card__label{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:.8rem}.penalty-card__name{color:var(--accent);font-size:1.8rem;font-weight:900}@keyframes shake{0%,to{transform:translate(0)rotate(0)}10%{transform:translate(-5px)rotate(-1.2deg)}20%{transform:translate(5px)rotate(1.2deg)}30%{transform:translate(-8px)rotate(-1.8deg)}40%{transform:translate(8px)rotate(1.8deg)}55%{transform:translate(-5px)rotate(-1deg)}70%{transform:translate(4px)rotate(.8deg)}85%{transform:translate(-2px)rotate(-.3deg)}}@keyframes glitch{0%,88%,to{clip-path:none;color:var(--accent);text-shadow:0 0 20px var(--accent-glow);transform:translate(0)}89%{clip-path:polygon(0 0,100% 0,100% 35%,0 35%);color:#f05;transform:translate(-4px,1px)}91%{clip-path:polygon(0 40%,100% 40%,100% 72%,0 72%);color:#0fc;transform:translate(4px,-2px)}93%{clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%);color:var(--accent);transform:translate(-3px,2px)}95%{clip-path:none;transform:translate(2px,-1px)}}.penalty-card:hover,.penalty-card:active{cursor:default;border-color:#4a1515;animation:.65s ease-out shake}.penalty-card:hover .penalty-card__name,.penalty-card:active .penalty-card__name{animation:2.2s ease-in-out glitch}.timeline{padding:48px 0}.timeline__title{text-align:center;margin-bottom:24px;font-size:1.3rem;font-weight:700}.timeline__grid{grid-template-columns:repeat(7,1fr);gap:10px;max-width:600px;margin:0 auto;display:grid}.timeline__day{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-muted);transition:var(--transition);border:1px solid #222;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex;position:relative}.timeline__day--past{color:var(--success);background:#1a2e1a;border-color:#2a4a2a}.timeline__day--past:after{content:"✓";color:var(--success);font-size:.55rem;position:absolute;top:3px;right:5px}.timeline__day--today{background:linear-gradient(135deg, var(--accent), var(--accent-orange));border-color:var(--accent);color:#fff;box-shadow:0 0 20px var(--accent-glow);animation:2s ease-in-out infinite pulse-glow}.timeline__day--future{opacity:.45}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 35px var(--accent-glow), 0 0 60px #ff44441a}}.phase-early{--accent:#f44;--accent-orange:#ff6b35;--accent-glow:#ff444440}.phase-mid{--accent:#c41e1e;--accent-orange:#d43010;--accent-glow:#b4191959;--bg:#070707;--bg-card:#101010}.phase-late{--accent:#f80;--accent-orange:#fa3;--accent-glow:#ff88004d}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-80px)rotate(0)scaleX(1)}50%{opacity:.8;transform:translateY(45vh)rotate(360deg)scaleX(-1)}to{opacity:0;transform:translateY(105vh)rotate(720deg)scaleX(1)}}.confetti-wrap{pointer-events:none;z-index:999;position:fixed;inset:0;overflow:hidden}.confetti-piece{animation:confetti-fall var(--cf-dur) var(--cf-delay) ease-in forwards;border-radius:2px;position:absolute;top:0}.reward-section{padding:0 0 48px}.reward-card{background:var(--bg-card);border-radius:var(--radius);text-align:center;border:1px solid #e8a02040;padding:32px;position:relative;overflow:hidden}.reward-card:before{content:"";pointer-events:none;background:radial-gradient(#e8a02012,#0000 70%);position:absolute;inset:0}.reward-card__label{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-size:.8rem}.reward-card__locked{color:var(--text-muted);font-size:1rem}.reward-card__amount{color:var(--reward);text-shadow:0 0 30px var(--reward-glow);font-size:2.4rem;font-weight:900;line-height:1.1}.reward-card__amount--complete{color:var(--reward);text-shadow:0 0 40px var(--reward-glow), 0 0 80px #e8a02026}.reward-card__target{color:var(--text-muted);margin-top:6px;margin-bottom:16px;font-size:.85rem}.reward-progress-bar-wrap{max-width:440px}.reward-progress-bar-fill{background:linear-gradient(90deg, var(--reward), #f0c040)}.overlay-preview-section{padding:0 0 48px}.overlay-preview-card{background:var(--bg-card);border-radius:var(--radius);transition:border-color var(--transition);border:1px solid #222;padding:32px;position:relative;overflow:hidden}.overlay-preview-card:hover{border-color:#333}.overlay-preview-card__header{margin-bottom:24px}.overlay-preview-card__label{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;font-size:.8rem;display:block}.overlay-preview-card__desc{color:#555;font-size:.75rem}.overlay-preview-card__stage{border-radius:var(--radius-sm);background:#0e0e0e;border:1px solid #1a1a1a;margin-bottom:20px;padding:12px 16px 20px}.overlay-preview-card__dots{gap:5px;margin-bottom:16px;display:flex}.overlay-preview-card__dots span{background:#2a2a2a;border-radius:50%;width:7px;height:7px}.overlay-preview-card__mini{border-radius:6px;flex-direction:column;gap:4px;max-width:280px;margin:0 auto;padding:16px 20px;transition:background .4s;display:flex}.overlay-mini__title{opacity:.7;letter-spacing:.06em;font-size:.65rem}.overlay-mini__day{font-size:1.4rem;font-weight:900;line-height:1.2;transition:color .4s}.overlay-mini__bar{background:#ffffff1a;border-radius:999px;height:4px;margin-top:6px;overflow:hidden}.overlay-mini__bar-fill{background:linear-gradient(90deg, var(--accent), var(--accent-orange));border-radius:999px;height:100%;transition:width .6s;position:relative;overflow:hidden}.overlay-mini__bar-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#fff3 50%,#0000 100%);animation:2s infinite shimmer;position:absolute;inset:0}.overlay-mini__progress{opacity:.5;margin-top:2px;font-size:.6rem}.overlay-preview-card__presets{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.preset-chip{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:1px solid #2a2a2a;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.72rem;display:inline-flex}.preset-chip:hover{color:var(--text);border-color:#444}.preset-chip--active{border-color:var(--accent);color:var(--text);background:#ff44440f}.preset-chip__dot{border:1px solid #444;border-radius:50%;flex-shrink:0;width:8px;height:8px}.overlay-preview-card__cta{border-radius:var(--radius-sm);background:var(--bg);color:var(--text);transition:var(--transition);border:1px solid #2a2a2a;align-items:center;gap:6px;padding:10px 20px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.overlay-preview-card__cta:hover{border-color:var(--accent);color:var(--accent);background:#ff44440a;text-decoration:none}.overlay-preview-card__cta svg{transition:transform .2s}.overlay-preview-card__cta:hover svg{transform:translate(3px)}.health-section,.savings-section{min-height:40px}.footer{text-align:center;border-top:1px solid #1e1e1e;padding:40px 0}.footer__cheer{color:var(--accent-orange);margin-bottom:16px;font-size:1.1rem;font-weight:700}.footer__rules{color:var(--text-muted);font-size:.8rem;line-height:1.8}.footer__rules span{display:block}.hidden{display:none!important}@media (max-width:1024px){.hero__title{font-size:2rem}.day-counter__number{font-size:4rem}}@media (max-width:768px){section{padding:36px 0}.hero{padding:56px 0 36px}.hero__title{font-size:1.7rem}.day-counter__number{font-size:3.6rem}.countdown__value{font-size:2.2rem}.countdown__item{min-width:72px;padding:16px 14px}.penalty-card__name{font-size:1.5rem}.timeline__grid{grid-template-columns:repeat(7,1fr);gap:8px}}@media (max-width:480px){.hero{padding:40px 0 28px}.hero__title{font-size:1.4rem}.day-counter__number{font-size:3rem}.countdown__grid{gap:8px}.countdown__item{min-width:60px;padding:14px 8px}.countdown__value{font-size:1.8rem}.countdown__unit{font-size:.65rem}.timeline__grid{grid-template-columns:repeat(5,1fr);gap:6px}.timeline__day{font-size:.75rem}.penalty-card{padding:24px 16px}.success-section__title{font-size:1.8rem}}