@font-face{font-family:BB;src:url(/assets/Basteleur-Bold-Cx4AKnoQ.otf) format("opentype");font-weight:700}@font-face{font-family:BM;src:url(/assets/Basteleur-Moonlight-DAvQiMa3.otf) format("opentype")}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body,#root{min-height:100vh;min-width:100vw;overflow-x:hidden;background:#000}.scene{position:relative;min-height:100vh;width:100%;background-color:#050008;background-image:radial-gradient(ellipse 80% 60% at 50% 100%,#1a0030 0%,transparent 70%),radial-gradient(ellipse 40% 30% at 80% 8%,#1f0040 0%,transparent 60%);overflow:hidden;display:flex;align-items:center;justify-content:center}.drip-bar{position:absolute;top:0;left:0;width:100%;height:0;pointer-events:none;z-index:10}.drip{position:absolute;top:0;background:linear-gradient(to bottom,#6b0000,#8b0000 60%,#c0000088);border-radius:0 0 50% 50%;animation:drip-fall 4s ease-in-out infinite alternate;transform-origin:top center}@keyframes drip-fall{0%{transform:scaleY(.7);opacity:.8}to{transform:scaleY(1.15);opacity:1}}.moon{position:absolute;top:40px;right:80px;width:80px;height:80px;border-radius:50%;background:transparent;box-shadow:-22px 0 0 16px #fff5c0,0 0 40px 10px #fff5c044,0 0 80px 20px #ffd70022;pointer-events:none;z-index:5;animation:moon-glow 6s ease-in-out infinite alternate}@keyframes moon-glow{0%{box-shadow:-22px 0 0 16px #fff5c0,0 0 40px 10px #fff5c044,0 0 80px 20px #ffd70022}to{box-shadow:-22px 0 0 16px #ffe88a,0 0 60px 16px #fff5c066,0 0 100px 30px #ffd70044}}.particle{position:absolute;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:4;animation:drift linear infinite,twinkle ease-in-out infinite}@keyframes drift{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(8deg)}to{transform:translateY(0) rotate(0)}}@keyframes twinkle{0%,to{opacity:.15}50%{opacity:.85}}.lab-corner{position:absolute;bottom:28px;left:36px;pointer-events:none;z-index:5;display:flex;flex-direction:column;align-items:center;gap:4px}.tube{position:relative;width:34px;display:flex;flex-direction:column;align-items:center;transform:rotate(18deg);filter:drop-shadow(0 0 8px #39ff1466) drop-shadow(0 0 20px #39ff1422)}.tube-rim{width:38px;height:5px;background:#c8c8d0;border-radius:3px 3px 0 0;border:1px solid #ffffff44}.tube-neck{width:20px;height:14px;background:linear-gradient(to right,#ffffff18,#ffffff08,#ffffff18);border-left:1.5px solid #c8c8d0aa;border-right:1.5px solid #c8c8d0aa}.tube-body{width:34px;height:90px;border:1.5px solid #c8c8d0aa;border-top:none;border-radius:0 0 17px 17px;overflow:hidden;background:linear-gradient(to right,#ffffff08,#ffffff04,#ffffff08);position:relative}.tube-liquid{position:absolute;bottom:0;left:0;width:100%;height:65%;background:linear-gradient(to bottom,#39ff1488,#00c800bb 40%,#060);border-radius:0 0 15px 15px;animation:liquid-bubble 3s ease-in-out infinite}@keyframes liquid-bubble{0%,to{height:65%}50%{height:68%}}.bubble{position:absolute;border-radius:50%;background:#39ff1466;animation:rise linear infinite}.bubble-1{width:5px;height:5px;left:8px;bottom:10px;animation-duration:2.2s;animation-delay:0s}.bubble-2{width:4px;height:4px;left:18px;bottom:5px;animation-duration:1.8s;animation-delay:.6s}.bubble-3{width:3px;height:3px;left:12px;bottom:15px;animation-duration:2.6s;animation-delay:1.1s}@keyframes rise{0%{transform:translateY(0) scale(1);opacity:.8}80%{transform:translateY(-50px) scale(.6);opacity:.3}to{transform:translateY(-60px) scale(0);opacity:0}}.tube-shadow{width:18px;height:6px;background:#39ff1422;border-radius:50%;filter:blur(4px)}.center{position:relative;z-index:20;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.6rem;padding:2rem 1.5rem 3rem;max-width:860px;width:100%}.eyebrow{font-family:BM,serif;font-size:clamp(.7rem,1.8vw,1rem);color:#f5deb388;letter-spacing:.35em;text-transform:uppercase}.title{font-family:BB,serif;font-size:clamp(3rem,9vw,7rem);color:wheat;text-shadow:0 0 20px #b300ff88,0 0 60px #b300ff44,2px 2px 0 #8b0000;line-height:1;margin-bottom:.2rem}.subtitle{font-family:BM,serif;font-size:clamp(.75rem,2vw,1.05rem);color:#b300ff;letter-spacing:.2em;text-transform:lowercase;margin-bottom:1.2rem}.countdown-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.6rem,2vw,1.2rem);width:100%;max-width:700px;margin:.5rem 0 1.5rem}.countdown-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem}.countdown-number{font-family:BB,serif;font-size:clamp(2.4rem,7vw,5.5rem);color:#ff6a00;line-height:1;animation:flicker 3s ease-in-out infinite}@keyframes flicker{0%,to{opacity:1;text-shadow:0 0 12px #ff6a0088}45%{opacity:.88;text-shadow:0 0 4px #ff6a0044}50%{opacity:1;text-shadow:0 0 20px #ff6a00bb}92%{opacity:.92;text-shadow:0 0 8px #ff6a0066}}.countdown-label{font-family:BM,serif;font-size:clamp(.55rem,1.4vw,.8rem);color:#b300ff;letter-spacing:.2em;text-transform:uppercase}.divider{display:flex;align-items:center;gap:1rem;width:100%;max-width:400px;margin:.5rem 0}.divider-line{flex:1;height:1px;background:linear-gradient(to right,transparent,#ff6a0066,transparent)}.divider-icon{font-size:1rem;color:#ff6a00;opacity:.7}.save-the-date{display:flex;flex-direction:column;align-items:center;gap:.4rem;margin-top:.5rem}.std-label{font-family:BM,serif;font-size:clamp(.75rem,2vw,1rem);color:#f5deb388;letter-spacing:.3em;text-transform:uppercase}.std-date{font-family:BB,serif;font-size:clamp(1.8rem,5vw,3.5rem);color:wheat;text-shadow:0 0 30px #ff6a0066;line-height:1.1}.std-tagline{font-family:BM,serif;font-size:clamp(.7rem,1.6vw,.95rem);color:#b300ffaa;letter-spacing:.18em;font-style:italic}.fog{position:absolute;bottom:0;left:0;width:100%;height:35%;background:radial-gradient(ellipse 100% 80% at 50% 100%,#1a003088 0%,transparent 70%);pointer-events:none;z-index:3}@media(max-width:480px){.countdown-grid{gap:.5rem}.moon{width:50px;height:50px;top:24px;right:24px;box-shadow:-14px 0 0 10px #fff5c0,0 0 30px 8px #fff5c044}.spider-corner{width:100px;height:100px}}