.header{text-align:center;width:100%;max-width:880px}.header-inner{border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#ffffff09 0%,#ffffff05 100%);border:1px solid #ffffff0f;padding:clamp(2.3rem,5vw,3.4rem) clamp(1.6rem,4vw,2.8rem);animation:.7s both fadeIn;box-shadow:inset 0 1px #ffffff08,0 18px 40px #00000024}.header-eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--color-highlight);opacity:.7;margin-bottom:.9rem;font-size:.72rem;font-weight:500}.header-title{font-family:var(--heading-font);letter-spacing:.04em;color:var(--color-text);text-shadow:0 0 20px #c4a7ff1f;flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem;font-size:clamp(2.4rem,5vw,3.3rem);font-weight:600;line-height:1.08;display:inline-flex}.header-icon{color:var(--color-accent);opacity:.9;font-size:.8em;transform:translateY(-.04em)}.header-subtitle{letter-spacing:.01em;max-width:38rem;color:var(--color-text);opacity:.74;margin:1rem auto 0;font-size:clamp(.96rem,1.5vw,1.05rem);line-height:1.7}@media (width<=600px){.header-inner{padding:2rem 1.15rem}.header-eyebrow{letter-spacing:.24em;font-size:.66rem}.header-title{gap:.5rem;font-size:clamp(1.95rem,8vw,2.5rem)}.header-subtitle{font-size:.92rem}}.countdown{border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0f;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2.5vw,1.8rem);width:100%;max-width:760px;padding:clamp(1.4rem,3vw,1.8rem);display:grid;box-shadow:0 18px 44px #00000029}.time-unit{border-radius:calc(var(--radius) - .35rem);min-height:clamp(9rem,16vw,10.5rem);transition:transform var(--transition), border-color var(--transition), background var(--transition), box-shadow var(--transition);background:linear-gradient(#ffffff0a 0%,#ffffff05 100%);border:1px solid #ffffff0f;flex-direction:column;justify-content:center;align-items:center;padding:clamp(1.15rem,2.5vw,1.4rem);display:flex;box-shadow:inset 0 1px #ffffff08,0 10px 24px #0000001f}.time-unit.tick .time-value{animation:.22s tick}.time-value{font-family:var(--heading-font);letter-spacing:.03em;color:var(--color-accent);text-shadow:0 0 18px #c4a7ff2e;font-size:clamp(2.8rem,5.8vw,4.25rem);font-weight:600;line-height:1}.time-label{letter-spacing:.24em;text-transform:uppercase;color:var(--color-highlight);opacity:.62;margin-top:.85rem;font-size:.68rem}.countdown.complete{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:240px;padding:clamp(2rem,4vw,2.8rem);display:flex}.complete-title{font-family:var(--heading-font);letter-spacing:.04em;color:var(--color-accent);text-shadow:0 0 20px #c4a7ff2e;font-size:clamp(2.3rem,4vw,3.1rem);font-weight:600}.complete-subtitle{letter-spacing:.04em;color:var(--color-text);opacity:.72;margin-top:.8rem;font-size:.96rem}@media (hover:hover){.time-unit:hover{background:linear-gradient(#ffffff0d 0%,#c4a7ff0a 100%);border-color:#c4a7ff2e;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff0a,0 14px 28px #00000029}}@keyframes tick{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}@media (width<=768px){.countdown{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1.2rem}.time-unit{min-height:8rem;padding:1rem}.time-value{font-size:clamp(2.4rem,10vw,3.5rem)}}@media (width<=420px){.countdown{grid-template-columns:1fr}.time-unit{min-height:7.2rem}}.date-picker{border-radius:calc(var(--radius) - .2rem);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#ffffff08 0%,#ffffff05 100%);border:1px solid #ffffff0f;flex-direction:column;align-items:stretch;gap:.8rem;width:100%;max-width:420px;padding:clamp(1rem,2vw,1.25rem);animation:.6s both fadeIn;display:flex;box-shadow:inset 0 1px #ffffff08,0 14px 30px #0000001f}.date-label{letter-spacing:.24em;text-transform:uppercase;text-align:center;color:var(--color-highlight);opacity:.68;font-size:.7rem;font-weight:500}.date-input{appearance:none;width:100%;min-height:3rem;font-family:var(--main-font);color:var(--color-text);border-radius:calc(var(--radius) - .35rem);transition:border-color var(--transition), background var(--transition), box-shadow var(--transition), transform var(--transition);background:#ffffff06;border:1px solid #ffffff17;padding:.8rem 1rem;font-size:.96rem;font-weight:500;line-height:1.2}.date-input:focus{background:#ffffff0a;border-color:#c4a7ff80;outline:none;box-shadow:0 0 0 3px #c4a7ff29}.date-input::-webkit-calendar-picker-indicator{opacity:.8;cursor:pointer}@media (hover:hover){.date-input:hover{background:#ffffff09;border-color:#c4a7ff33}}@media (width<=600px){.date-picker{padding:.9rem}.date-label{letter-spacing:.22em;font-size:.64rem}.date-input{min-height:2.85rem;font-size:.94rem}}.footer{text-align:center;border-top:1px solid #ffffff0f;width:100%;max-width:880px;margin-top:clamp(2.8rem,6vw,4rem);padding:clamp(1.1rem,2vw,1.5rem)}.footer-text{letter-spacing:.07em;text-transform:uppercase;color:var(--color-text);opacity:.58;flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem;font-size:clamp(.72rem,.45vw + .4rem,.82rem);line-height:1.8;display:flex}.footer-item{white-space:nowrap}.footer-accent{color:var(--color-highlight);opacity:.9;transition:color var(--transition), opacity var(--transition);font-weight:500}.divider{opacity:.28;color:var(--color-text);justify-content:center;align-items:center;margin:0 .35rem;display:inline-flex}.footer-year{color:var(--color-accent);opacity:.9;font-weight:500}@media (hover:hover){.footer:hover .footer-text{opacity:.7}.footer:hover .footer-accent,.footer:hover .footer-year{opacity:1}}@media (width<=600px){.footer{margin-top:2.6rem;padding-top:1rem}.footer-text{letter-spacing:.055em;gap:.35rem;font-size:.66rem;line-height:1.75}.footer-item{white-space:normal}.divider{margin:0 .2rem}}.app{min-height:100vh;color:var(--color-text);flex-direction:column;align-items:center;gap:clamp(3rem,6vw,5rem);padding:clamp(2.5rem,6vw,4.5rem) clamp(1.5rem,5vw,5rem);display:flex}.main{text-align:center;flex-direction:column;flex:1;align-items:center;gap:clamp(2.75rem,5vw,4.25rem);width:100%;max-width:880px;display:flex}.countdown-section{border-radius:var(--radius);width:100%;transition:transform var(--transition), box-shadow var(--transition);background:radial-gradient(circle at 50% 45%,#c4a7ff2e 0%,#c4a7ff14 28%,#0000 75%);padding:clamp(1.9rem,4vw,2.6rem);box-shadow:0 0 60px #c4a7ff1a,0 0 120px #c4a7ff0a}.date-section{width:100%;max-width:420px}@media (hover:hover){.countdown-section:hover{transform:translateY(-2px);box-shadow:0 0 80px #c4a7ff1f,0 0 140px #c4a7ff0f}}@media (width<=900px){.main{gap:2.5rem}.countdown-section{padding:1.5rem}}:root{--color-bg:#0f0c14;--color-bg-deep:#17121f;--color-surface:#ffffff0a;--color-text:#f8f6fb;--color-accent:#c4a7ff;--color-secondary:#f2b5d4;--color-highlight:#f3d98b;--main-font:"Poppins", system-ui, sans-serif;--heading-font:"Playfair Display", serif;--radius:1.2rem;--transition:.25s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--color-bg)}#root{min-height:100vh}body{min-height:100vh;font-family:var(--main-font);color:var(--color-text);background:radial-gradient(circle at 20% 18%, #241a34f2 0%, var(--color-bg) 55%), radial-gradient(circle at 85% 80%, #c4a7ff0d, transparent 50%);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.65}h1,h2,h3{font-family:var(--heading-font);letter-spacing:.04em;font-weight:600}p{opacity:.85;font-size:1rem}a{color:var(--color-highlight);transition:color var(--transition);text-decoration:none}a:hover{color:var(--color-accent)}::selection{background:var(--color-accent);color:#140f1d}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}