@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700;900&family=Cinzel+Decorative:wght@700&display=swap";:root{--gold: #d4a017;--gold-bright: #f6c945;--gold-dim: rgba(212, 160, 23, .4);--black: #060608;--dark: #0d0d12;--surface: rgba(10, 8, 14, .75);--text: #c8c0b0;font-family:Cinzel,Palatino Linotype,Georgia,serif}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:var(--black)}.page{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;padding:2rem 1rem;color:var(--text);background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(212,160,23,.08) 0%,transparent 70%),radial-gradient(ellipse 80% 60% at 50% 100%,rgba(30,10,40,.9) 0%,transparent 70%),linear-gradient(180deg,#0a080e,#060608);overflow:hidden}.snow,.snow:before,.snow:after{position:absolute;top:-20%;right:0;bottom:-20%;left:0;pointer-events:none;background-repeat:repeat;will-change:transform}.snow{background-image:radial-gradient(1.5px 1.5px at 7% 15%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 23% 42%,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 38% 8%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 54% 60%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 70% 28%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 85% 75%,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 93% 12%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 16% 88%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 47% 50%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 62% 95%,rgba(255,255,255,.4),transparent);background-size:400px 300px;animation:fall-slow 22s linear infinite}.snow:before{content:"";background-image:radial-gradient(1px 1px at 11% 35%,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 29% 10%,rgba(255,255,255,.9),transparent),radial-gradient(1.5px 1.5px at 44% 72%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 58% 22%,rgba(255,255,255,.5),transparent),radial-gradient(2px 2px at 76% 55%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 88% 40%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 4% 65%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 67% 85%,rgba(255,255,255,.4),transparent);background-size:300px 250px;animation:fall-mid 16s linear infinite;animation-delay:-6s}.snow:after{content:"";background-image:radial-gradient(2.5px 2.5px at 18% 20%,rgba(255,255,255,.85),transparent),radial-gradient(2px 2px at 35% 55%,rgba(255,255,255,.7),transparent),radial-gradient(2.5px 2.5px at 52% 10%,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 71% 78%,rgba(255,255,255,.65),transparent),radial-gradient(3px 3px at 90% 33%,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 6% 90%,rgba(255,255,255,.6),transparent);background-size:500px 400px;animation:fall-fast 10s linear infinite;animation-delay:-2s}@keyframes fall-slow{0%{transform:translateY(0)}to{transform:translateY(420px)}}@keyframes fall-mid{0%{transform:translateY(0) translate(0)}to{transform:translateY(350px) translate(20px)}}@keyframes fall-fast{0%{transform:translateY(0) translate(0)}to{transform:translateY(560px) translate(-15px)}}.page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 80% at 50% 50%,transparent 40%,rgba(0,0,0,.65) 100%);pointer-events:none;z-index:0}.card{position:relative;z-index:1;width:min(700px,100%);text-align:center;padding:clamp(2rem,6vw,4rem) clamp(1.5rem,5vw,3.5rem);border-radius:4px;background:var(--surface);border-top:1px solid var(--gold-dim);border-bottom:1px solid var(--gold-dim);border-left:1px solid rgba(212,160,23,.15);border-right:1px solid rgba(212,160,23,.15);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 0 80px #000000b3,0 0 30px #d4a0170d inset}.card:before,.card:after{content:"";position:absolute;width:28px;height:28px;border-color:var(--gold);border-style:solid;opacity:.6}.card:before{top:10px;left:10px;border-width:1px 0 0 1px}.card:after{bottom:10px;right:10px;border-width:0 1px 1px 0}.eyebrow{text-transform:uppercase;letter-spacing:.4em;font-size:.7rem;font-weight:400;color:var(--gold);opacity:.85;margin-bottom:1.25rem}.title{font-family:Cinzel Decorative,Cinzel,serif;font-size:clamp(2.4rem,8vw,5rem);font-weight:700;line-height:1.05;color:#fff;letter-spacing:.06em;text-shadow:0 0 20px rgba(212,160,23,.5),0 0 60px rgba(212,160,23,.2),0 2px 4px rgba(0,0,0,.8);margin-bottom:.5rem;animation:title-breathe 6s ease-in-out infinite}@keyframes title-breathe{0%,to{text-shadow:0 0 20px rgba(212,160,23,.5),0 0 60px rgba(212,160,23,.2),0 2px 4px rgba(0,0,0,.8)}50%{text-shadow:0 0 35px rgba(212,160,23,.9),0 0 90px rgba(212,160,23,.35),0 2px 4px rgba(0,0,0,.8)}}.divider{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:1.5rem auto 2rem;opacity:.7}.countdown{display:flex;justify-content:center;gap:clamp(.5rem,3vw,1.25rem);margin-bottom:2.5rem}.unit{display:flex;flex-direction:column;align-items:center;min-width:clamp(64px,18vw,100px);padding:1.1rem .5rem;border-radius:2px;background:#00000080;border:1px solid rgba(212,160,23,.25);box-shadow:0 0 18px #0009,0 0 8px #d4a0170f inset}.unit-value{font-size:clamp(2rem,6.5vw,3.25rem);font-weight:700;font-variant-numeric:tabular-nums;color:var(--gold-bright);text-shadow:0 0 12px rgba(246,201,69,.5);line-height:1}.unit-label{margin-top:.45rem;font-size:.6rem;text-transform:uppercase;letter-spacing:.2em;color:var(--gold);opacity:.7}.celebrate{font-size:clamp(1.25rem,4vw,1.75rem);margin-bottom:2rem;color:var(--gold-bright);text-shadow:0 0 20px rgba(246,201,69,.6)}.details{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 2.5rem;border-top:1px solid rgba(212,160,23,.15);padding-top:1.5rem}.details div{min-width:120px}.details dt{font-size:.6rem;text-transform:uppercase;letter-spacing:.3em;color:var(--gold);opacity:.8;margin-bottom:.3rem}.details dd{font-size:.9rem;color:var(--text)}.footer{position:relative;z-index:1;font-size:.7rem;text-transform:uppercase;letter-spacing:.3em;color:var(--gold);opacity:.4}
