@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background:linear-gradient(-45deg,#071a52,#123c8d,#5b21b6,#ec4899,#ff8a5b) 0 0/500% 500%;justify-content:center;align-items:center;min-height:100vh;font-family:Poppins,sans-serif;animation:18s infinite bgMove;display:flex;position:relative;overflow:hidden}@keyframes bgMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}body:before{content:"";filter:blur(120px);background:#ffffff14;border-radius:50%;width:500px;height:500px;animation:8s ease-in-out infinite blob1;position:fixed;top:-150px;left:-150px}body:after{content:"";filter:blur(120px);background:#ffffff0d;border-radius:50%;width:400px;height:400px;animation:12s ease-in-out infinite blob2;position:fixed;bottom:-100px;right:-100px}@keyframes blob1{0%,to{transform:translateY(0)}50%{transform:translateY(60px)}}@keyframes blob2{0%,to{transform:translate(0)}50%{transform:translate(-80px)}}.container{z-index:100;text-align:center;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffff1f;border:1px solid #ffffff26;border-radius:34px;width:92%;max-width:430px;padding:45px 30px;animation:.7s cardIn;position:relative;box-shadow:0 20px 60px #00000059}@keyframes cardIn{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:none}}h1{margin-bottom:8px;font-size:60px;font-weight:800;animation:2s infinite heartBeat}@keyframes heartBeat{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.subtitle{opacity:.85;margin-bottom:30px;font-size:20px}.countdown-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:28px;display:grid}.time-box{background:#ffffff1f;border:1px solid #ffffff26;border-radius:22px;padding:22px;transition:all .35s}.time-box:hover{background:#ffffff2e;transform:translateY(-6px)}.time-box span{font-size:50px;font-weight:700;display:block}.time-box small{letter-spacing:3px;opacity:.7;margin-top:5px;font-size:12px;display:block}#message{min-height:60px;margin:30px 0;font-size:17px;line-height:1.8}button{cursor:pointer;color:#fff;background:linear-gradient(90deg,#ec4899,#f97316);border:none;border-radius:18px;width:100%;padding:18px;font-size:17px;font-weight:600;transition:all .3s}button:hover{transform:translateY(-4px);box-shadow:0 15px 35px #0000004d}.trip-info{opacity:.8;margin-top:28px;font-size:15px;line-height:2}.hearts{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.heart{cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;transition:all .2s;animation:linear forwards floatHeart;position:absolute;bottom:-50px}.heart:hover{transform:scale(1.25)}@keyframes floatHeart{0%{opacity:0}10%{opacity:.8}50%{opacity:1}90%{opacity:.8}to{opacity:0}}.love-text{color:#fff;pointer-events:none;z-index:9999;text-shadow:0 0 15px #fff9;font-size:24px;font-weight:700;animation:1.3s forwards lovePop;position:fixed}@keyframes lovePop{0%{opacity:0;transform:scale(.4)}30%{opacity:1;transform:scale(1.25)}to{opacity:0;transform:translateY(-70px)}}@media (width<=480px){.container{width:94%;padding:35px 22px}h1{font-size:48px}.time-box span{font-size:42px}}