*{margin:0;padding:0;box-sizing:border-box}:root{--pink:#FFB6C1;--light-pink:#FFE4E9;--cream:#FFFAF0;--lavender:#E6E6FA;--purple:#DDA0DD;--text-dark:#4A4A4A;--text-light:#6B6B6B;--bg-gradient-start:#FFFAF0;--bg-gradient-mid:#FFE4E9;--bg-gradient-end:#E6E6FA;--card-bg:rgba(255, 255, 255, 0.3);--card-border:rgba(255, 255, 255, 0.4);--sparkle-color:white}body.night-mode{--pink:#ff7eb3;--light-pink:#2d1637;--cream:#1a1a2e;--lavender:#232946;--purple:#9d4edd;--text-dark:#F8F8FF;--text-light:#B0B0B0;--bg-gradient-start:#232946;--bg-gradient-mid:#2d1637;--bg-gradient-end:#1a1a2e;--card-bg:rgba(40, 30, 60, 0.85);--card-border:transparent;--sparkle-color:#FFD700}body{font-family:Poppins,sans-serif;background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-mid) 50%,var(--bg-gradient-end) 100%);height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;color:var(--text-dark);transition:background 1s ease,color 1s ease}.hearts-container{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;overflow:hidden;z-index:0}.floating-heart{position:absolute;left:0;bottom:0;font-size:20px;opacity:0;animation:floatUp 10s ease-in infinite;will-change:transform,opacity;z-index:11}@keyframes floatUp{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}100%{transform:translateY(-100vh) rotate(360deg);opacity:0}}.sparkles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.sparkle{position:absolute;width:4px;height:4px;background:var(--sparkle-color);border-radius:50%;box-shadow:0 0 10px rgba(255,255,255,.8);animation:sparkleAnim 3s ease-in-out infinite;transition:background 1s ease}@keyframes sparkleAnim{0%,100%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.container{position:relative;z-index:2;width:100%;max-width:580px;padding:20px;max-height:100vh;overflow:hidden}.content-card{background:var(--card-bg);backdrop-filter:blur(20px);border-radius:30px;padding:40px 40px;box-shadow:0 8px 32px rgba(255,182,193,.3),0 0 1px var(--card-border) inset;border:none;text-align:center;animation:fadeInScale 1.5s ease-out;max-height:calc(100vh - 40px);overflow:hidden;display:flex;flex-direction:column;justify-content:center;transition:background 1s ease,border 1s ease,box-shadow 1s ease}body.night-mode .content-card{box-shadow:0 0 0 4px rgba(255,126,179,.08),0 0 24px 4px rgba(255,126,179,.12);border-radius:40px!important;border:none}body.night-mode .content-card,body.night-mode .content-card::after,body.night-mode .content-card::before{border:none!important;background:var(--card-bg)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9) translateY(30px)}100%{opacity:1;transform:scale(1) translateY(0)}}.heart-icon{width:60px;height:60px;margin:0 auto 20px}.beating-heart{width:100%;height:100%;fill:var(--pink);filter:drop-shadow(0 4px 15px rgba(255, 105, 180, .4));animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,100%{transform:scale(1)}10%,30%{transform:scale(1.1)}20%,40%{transform:scale(1)}}.main-title{font-family:'Playfair Display',serif;font-size:2.8rem;font-weight:700;color:var(--text-dark);margin-bottom:15px;line-height:1.2}.title-line{display:block;animation:slideInRight 1s ease-out}.title-line:nth-child(2){animation-delay:.3s;opacity:0;animation-fill-mode:forwards}@keyframes slideInRight{0%{opacity:0;transform:translateX(-50px)}100%{opacity:1;transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.counter-box{background:rgba(255,255,255,.5);border-radius:20px;padding:25px;margin:25px 0;box-shadow:0 4px 20px rgba(255,182,193,.2);animation:fadeIn 2s ease-out .9s backwards}body.night-mode .counter-box{background:#241833!important;border:1px solid var(--pink);box-shadow:0 2px 16px 0 rgba(255,126,179,.1)}.counter-label{font-size:.9rem;text-transform:uppercase;letter-spacing:2px;color:var(--text-light);margin-bottom:10px}.counter-value{font-family:'Playfair Display',serif;font-size:3.2rem;font-weight:700;color:var(--pink);text-shadow:2px 2px 10px rgba(255,105,180,.3);animation:countUp 2s ease-out}.counter-sublabel{font-size:1rem;color:var(--text-light);margin-top:10px}@keyframes countUp{0%{opacity:0;transform:scale(.5)}100%{opacity:1;transform:scale(1)}}.date-display{margin-bottom:25px;animation:fadeIn 2s ease-out 1.2s backwards}.date-display p{font-size:1rem;color:var(--text-light);font-style:italic}.names{display:flex;align-items:center;justify-content:center;gap:20px;margin:25px 0 20px;font-family:'Playfair Display',serif;font-size:1.8rem;font-weight:600;color:var(--text-dark);animation:fadeIn 2s ease-out 1.8s backwards}.heart-divider{font-size:1.5rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}.footer-text{font-size:.95rem;color:var(--text-light);font-style:italic;opacity:.8;animation:fadeIn 2s ease-out 2.1s backwards}#particleCanvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999}@media (max-width:768px){.container{padding:15px}.content-card{padding:40px 30px;border-radius:20px}.heart-icon{width:60px;height:60px;margin-bottom:20px}.main-title{font-size:2.5rem;margin-bottom:15px}.counter-box{padding:25px 20px;margin:30px 0}.counter-label{font-size:.8rem;letter-spacing:1.5px}.counter-value{font-size:3rem}.counter-sublabel{font-size:.9rem}.date-display{margin-bottom:30px}.date-display p{font-size:.95rem}.names{font-size:1.6rem;gap:15px;margin:30px 0 25px}.heart-divider{font-size:1.3rem}.footer-text{font-size:.9rem}.floating-heart{font-size:16px}#comingSoonText{font-size:2rem}.centerHover{width:200px;height:200px;margin-top:-100px;margin-left:-100px;line-height:200px}.action-btn{padding:8px 16px;font-size:.85rem}}@media (max-width:480px){body{padding:10px}.container{padding:10px}.content-card{padding:30px 20px;border-radius:15px}.heart-icon{width:50px;height:50px;margin-bottom:15px}.main-title{font-size:1.9rem;margin-bottom:12px;line-height:1.3}.counter-box{padding:20px 15px;margin:25px 0;border-radius:15px}#comingSoonText{font-size:1.5rem}.centerHover{width:150px;height:150px;margin-top:-75px;margin-left:-75px;line-height:150px}.centerHover span{font-size:14px}.centerHover span:after,.centerHover span:before{width:10px}.action-btn{width:auto;margin-top:15px;min-width:auto;align-self:center}}.action-btn{margin-top:10px;margin-bottom:20px;padding:10px 24px;background:0 0;color:var(--text-dark);border:1px solid var(--text-dark);border-radius:20px;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeIn 2s ease-out 2.4s backwards;opacity:.85;width:auto;min-width:150px;align-self:center;outline:0}.action-btn:focus{outline:2px solid var(--pink);outline-offset:2px;box-shadow:0 0 0 3px rgba(255,182,193,.3);opacity:1}body.night-mode .action-btn{color:var(--text-dark);border-color:var(--text-dark);box-shadow:none}body.night-mode .action-btn:hover{background:var(--text-dark);color:var(--bg-gradient-start);border-color:var(--text-dark);box-shadow:0 0 15px rgba(255,255,255,.2)}#blackhole-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-mid) 50%,var(--bg-gradient-end) 100%);z-index:2000;opacity:0;transition:opacity 1s ease}#blackhole-overlay.active{display:block;opacity:1}#blackhole{height:100%;width:100%;position:relative;display:flex}.centerHover{width:255px;height:255px;background-color:transparent;border-radius:50%;position:absolute;left:50%;top:50%;margin-top:-128px;margin-left:-128px;z-index:2;cursor:pointer;line-height:255px;text-align:center;transition:all .5s;opacity:0;pointer-events:none}.centerHover.open{opacity:0;pointer-events:none}.centerHover:hover span{color:#ddd}.centerHover:hover span:before{background-color:#ddd}.centerHover:hover span:after{background-color:#ddd}.centerHover span{color:#666;font-family:serif;font-size:18px;position:relative;transition:all .5s}.centerHover span:before{content:'';display:inline-block;height:1px;width:16px;margin-right:12px;margin-bottom:4px;background-color:#666;transition:all .5s}.centerHover span:after{content:'';display:inline-block;height:1px;width:16px;margin-left:12px;margin-bottom:4px;background-color:#666;transition:all .5s}#blackhole canvas{position:relative;z-index:1;width:100%;height:100%;margin:auto}#comingSoonText{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Playfair Display',serif;font-size:3rem;color:var(--text-dark);opacity:0;z-index:3000;pointer-events:none;transition:opacity 1s ease;text-shadow:0 0 20px rgba(255,255,255,.5)}#comingSoonText.show{opacity:1}body.night-mode #comingSoonText{color:#fff;text-shadow:0 0 20px rgba(255,255,255,.8)}