@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Dancing+Script:wght@700&display=swap";:root{--bg-start: #0d0d1a;--bg-end: #1a0a2e;--surface: rgba(255, 255, 255, .06);--surface-border: rgba(255, 255, 255, .12);--pink: #ff6b9d;--purple: #c084fc;--rose: #f9a8d4;--gold: #fbbf24;--text: #f1f5f9;--text-muted: rgba(255, 255, 255, .5);--font-body: "Poppins", sans-serif;--font-romantic: "Dancing Script", cursive;--glow-pink: 0 0 30px rgba(255, 107, 157, .3);--glow-purple: 0 0 30px rgba(192, 132, 252, .3)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background:linear-gradient(135deg,var(--bg-start),var(--bg-end));font-family:var(--font-body);color:var(--text);display:flex;align-items:center;justify-content:center;min-height:100dvh;overflow:hidden;position:relative;-webkit-font-smoothing:antialiased}.particles{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;width:var(--size);height:var(--size);background:radial-gradient(circle,var(--color) 0%,transparent 70%);border-radius:50%;animation:particleFloat var(--duration) ease-in-out infinite;animation-delay:var(--delay);opacity:0}@keyframes particleFloat{0%,to{transform:translate(0) scale(.5);opacity:0}20%{opacity:.6}50%{transform:translate(var(--drift-x),var(--drift-y)) scale(1);opacity:.4}80%{opacity:.2}}.modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;transition:opacity .4s ease;padding:1rem}.modal-overlay.visible{opacity:1}.modal-overlay.hidden{pointer-events:none}.modal{background:#1e1432d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--surface-border);border-radius:24px;padding:2.5rem 2rem;max-width:380px;width:100%;text-align:center;transform:scale(.9) translateY(20px);transition:transform .4s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--glow-purple),inset 0 1px #ffffff14}.modal-overlay.visible .modal{transform:scale(1) translateY(0)}.modal-emoji{font-size:4rem;margin-bottom:1rem;animation:modalBounce 2s ease-in-out infinite}@keyframes modalBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.modal h2{font-family:var(--font-romantic);font-size:1.8rem;color:var(--rose);margin-bottom:1.5rem}.modal input{width:100%;padding:.9rem 1.2rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:14px;color:var(--text);font-family:var(--font-body);font-size:1rem;outline:none;transition:border-color .3s,box-shadow .3s;text-align:center}.modal input::placeholder{color:var(--text-muted)}.modal input:focus{border-color:var(--pink);box-shadow:0 0 20px #ff6b9d33}.modal-btn{display:inline-block;margin-top:1.2rem;padding:.8rem 2.5rem;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;font-family:var(--font-body);font-size:1rem;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:transform .2s,box-shadow .3s;box-shadow:var(--glow-pink)}.modal-btn:hover{transform:scale(1.05);box-shadow:0 0 40px #ff6b9d80}.modal-btn:active{transform:scale(.97)}.modal-error{color:#f87171;font-size:.85rem;margin-top:.5rem;min-height:1.3em}.toast{position:fixed;top:2rem;left:50%;transform:translate(-50%) translateY(-100px);background:#1e1432e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--surface-border);border-radius:14px;padding:.8rem 1.5rem;color:var(--text);font-size:.95rem;font-weight:500;z-index:2000;transition:transform .4s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--glow-purple)}.toast.visible{transform:translate(-50%) translateY(0)}#app{position:relative;z-index:1;width:100%;max-width:420px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh}#idgeser{font-size:1.1rem;color:var(--text-muted);text-align:center;line-height:1.6;min-height:3em}.card{opacity:0;visibility:hidden;transform:translateY(30px);transition:all .8s cubic-bezier(.34,1.56,.64,1);background:var(--surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--surface-border);border-radius:24px;padding:2rem 1.5rem;width:100%;text-align:center;box-shadow:var(--glow-purple),inset 0 1px #ffffff0f}.card.visible{opacity:1;visibility:visible;transform:translateY(0)}.card-emoji{font-size:5rem;margin-bottom:.5rem;display:block;transition:all .5s ease}.card-text{font-size:1.05rem;line-height:1.7;margin:1rem 0;transition:all .3s ease}.card-subtext{font-size:.9rem;color:var(--text-muted);transition:all .3s ease}.card-date{font-family:var(--font-romantic);font-size:1.3rem;color:var(--rose);margin-top:.5rem}.wa-btn{display:none;margin-top:1.5rem;padding:.9rem 2rem;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;font-family:var(--font-body);font-size:.95rem;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:transform .2s,box-shadow .3s;box-shadow:0 0 25px #25d3664d;text-decoration:none}.wa-btn.visible{display:inline-flex;align-items:center;gap:.5rem;animation:fadeInUp .5s ease}.wa-btn:hover{transform:scale(1.05);box-shadow:0 0 40px #25d36680}.btn-group{display:none;align-items:center;justify-content:center;gap:.8rem;margin-top:1.5rem;position:relative}.btn-group.visible{display:flex}.btn-yes{padding:.8rem 2rem;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;font-family:var(--font-body);font-size:1rem;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:var(--glow-pink);animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #ff6b9d4d}50%{box-shadow:0 0 40px #ff6b9d99,0 0 60px #c084fc33}}.btn-yes:hover{transform:scale(1.08)}.btn-yes:active{transform:scale(.95)}.btn-no{padding:.5rem 1.2rem;background:transparent;color:var(--text-muted);font-family:var(--font-body);font-size:.8rem;border:1px solid rgba(255,255,255,.15);border-radius:50px;cursor:pointer;transition:all .2s ease}.btn-no:hover{border-color:#ffffff4d}.tease-text{position:absolute;top:-2rem;left:50%;transform:translate(-50%);color:var(--rose);font-size:.9rem;font-weight:500;opacity:0;transition:opacity .3s;white-space:nowrap}.tease-text.visible{opacity:1}.floating-heart{position:fixed;font-size:1.5rem;z-index:0;pointer-events:none;animation:heartFloat linear forwards;opacity:.6}@keyframes heartFloat{0%{transform:translateY(0) scale(.5) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.3}to{transform:translateY(-100vh) scale(1.2) rotate(20deg);opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in-up{animation:fadeInUp .6s ease forwards}