@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;600&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{overflow:hidden}.valentine-container{align-items:center;background:linear-gradient(135deg,#1a0a0a,#2d0516 30%,#4a0e2e 60%,#1a0a0a);display:flex;flex-direction:column;font-family:Inter,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.floating-heart{animation:floatUp linear infinite;color:rgba(255,50,80,.15);pointer-events:none;position:fixed;z-index:0}@keyframes floatUp{0%{opacity:0;transform:translateY(100vh) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-10vh) rotate(1turn)}}.card{cursor:pointer;height:560px;perspective:1200px;position:relative;width:420px;z-index:1}.card-front,.card-inside{backface-visibility:hidden;border-radius:16px;height:100%;position:absolute;transition:all .8s cubic-bezier(.4,0,.2,1);width:100%}.card-front{align-items:center;background:linear-gradient(145deg,#c0392b,#e74c3c,#ff6b6b);box-shadow:0 20px 60px rgba(231,76,60,.4),0 0 80px rgba(231,76,60,.15),inset 0 1px 0 hsla(0,0%,100%,.2);display:flex;justify-content:center;overflow:hidden;z-index:2}.envelope-flap{background:linear-gradient(180deg,#a93226,#c0392b);clip-path:polygon(0 0,100% 0,50% 60%);height:50%;left:0;opacity:.5;position:absolute;right:0;top:0;z-index:0}.card-front-content{color:#fff;position:relative;text-align:center;z-index:1}.big-heart{animation:pulse 1.5s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,255,255,.3));font-size:5rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.card-front h1{font-family:Playfair Display,serif;font-size:2.2rem;font-weight:400;letter-spacing:.02em;margin-top:1rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.tap-hint{animation:fadeInOut 2s ease-in-out infinite;font-size:.85rem;font-weight:300;letter-spacing:.15em;margin-top:2rem;opacity:.7;text-transform:uppercase}@keyframes fadeInOut{0%,to{opacity:.4}50%{opacity:.8}}.card.open .card-front{opacity:0;transform:rotateY(-180deg)}.card-inside{align-items:center;background:linear-gradient(160deg,#fff5f5,#fff,#fff0f0);box-shadow:0 20px 60px rgba(0,0,0,.3),inset 0 0 60px rgba(231,76,60,.05);display:flex;justify-content:center;opacity:0;transform:rotateY(180deg)}.card.open .card-inside{opacity:1;transform:rotateY(0deg)}.card-inside-content{padding:2.5rem;text-align:center;width:100%}.card-inside h1{color:#c0392b;font-family:Playfair Display,serif;font-size:2rem;font-style:italic;font-weight:400;margin-bottom:1.5rem}.love-meter{background:#f8e8e8;border-radius:20px;margin-bottom:1.5rem;overflow:hidden;padding:.4rem;position:relative}.love-bar{animation:fillLove 2s ease-out forwards,shimmer 2s ease-in-out 2s infinite;background:linear-gradient(90deg,#e74c3c,#ff6b6b,#e74c3c);background-size:200% 100%;border-radius:16px;height:24px;width:0}@keyframes fillLove{to{width:100%}}@keyframes shimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.love-meter span{color:#fff;font-size:.7rem;font-weight:600;left:50%;letter-spacing:.1em;padding-top:.4rem;position:absolute;text-shadow:0 1px 2px rgba(0,0,0,.3);text-transform:uppercase;top:50%;transform:translate(-50%,-50%);z-index:1}.reason{align-items:center;animation:fadeReason 3.5s ease-in-out infinite;color:#555;display:flex;font-family:Playfair Display,serif;font-size:1.1rem;font-style:italic;justify-content:center;line-height:1.6;min-height:3.2rem;padding:0 1rem}@keyframes fadeReason{0%,to{opacity:.3}15%,85%{opacity:1}}.signature{color:#888;font-size:.9rem;margin-top:2rem}.signature .brand{color:#c0392b;font-family:Inter,sans-serif;font-size:1.4rem;font-weight:600;letter-spacing:.05em;margin-top:.3rem}.signature .tagline{color:#aaa;font-size:.75rem;font-style:italic;margin-top:.2rem}.tech-love{background:#2d2d2d;border-radius:8px;display:inline-block;margin-top:1.5rem;padding:.6rem 1rem}.tech-love code{color:#ff6b6b;font-family:SF Mono,Fira Code,monospace;font-size:.7rem}.footer{bottom:1.5rem;color:hsla(0,0%,100%,.3);font-size:.75rem;letter-spacing:.1em;position:fixed;z-index:1}@media (max-width:480px){.card{height:440px;width:320px}.card-inside-content{padding:1.5rem}.card-inside h1{font-size:1.5rem}}
/*# sourceMappingURL=main.19400fe5.css.map*/