:root{--pink-50:#fdf2f8;--pink-100:#fce7f3;--pink-200:#fbcfe8;--pink-300:#f9a8d4;--pink-400:#f472b6;--pink-500:#ec4899;--pink-600:#db2777;--gold-100:#fef3c7;--gold-200:#fde68a;--gold-300:#fcd34d;--gold-400:#d4a053;--gold-500:#b8860b;--cream:#fef7f0;--cream-dark:#faeee3;--bg-primary:#fff8f5;--bg-card:#ffffffbf;--text-primary:#2d1f2d;--text-secondary:#6b5a6b;--text-muted:#9b8a9b;--border-soft:#db27771f;--shadow-pink:0 8px 32px #db27771a;--shadow-gold:0 4px 20px #b4860b26;--shadow-lg:0 20px 60px #00000014;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--glass-bg:#fff9;--glass-border:#fff6}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}body:before{content:"";z-index:-1;background:radial-gradient(at 20% 0,#fce7f399 0%,#0000 50%),radial-gradient(at 80% 20%,#fef3c766 0%,#0000 50%),radial-gradient(at 40% 80%,#fbcfe84d 0%,#0000 50%),radial-gradient(at 90% 90%,#fde68a33 0%,#0000 50%);width:100%;height:100%;animation:20s ease-in-out infinite alternate bgShift;position:fixed;top:0;left:0}@keyframes bgShift{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}to{opacity:.8;transform:scale(1)}}.floating-hearts{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;overflow:hidden}.floating-heart{opacity:.15;font-size:1.2rem;animation:15s ease-in-out infinite floatHeart;position:absolute}.floating-heart:first-child{animation-duration:18s;animation-delay:0s;left:10%}.floating-heart:nth-child(2){animation-duration:14s;animation-delay:3s;left:25%}.floating-heart:nth-child(3){animation-duration:16s;animation-delay:6s;left:50%}.floating-heart:nth-child(4){animation-duration:20s;animation-delay:2s;left:70%}.floating-heart:nth-child(5){animation-duration:12s;animation-delay:5s;left:85%}.floating-heart:nth-child(6){animation-duration:22s;animation-delay:8s;left:40%}@keyframes floatHeart{0%{opacity:0;transform:translateY(100vh)rotate(0)scale(.5)}10%{opacity:.15}90%{opacity:.15}to{opacity:0;transform:translateY(-100px)rotate(360deg)scale(1.2)}}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:transform .3s,box-shadow .3s}.glass-card:hover{transform:translateY(-2px);box-shadow:0 24px 68px #0000001f}h1,h2,h3{letter-spacing:-.02em;font-family:Playfair Display,Georgia,serif}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;background:linear-gradient(135deg,#fff3 0%,#0000 50%);transition:opacity .3s;position:absolute;inset:0}.btn:hover:after{opacity:1}.btn-primary{background:linear-gradient(135deg, var(--pink-500), var(--pink-600));color:#fff;box-shadow:0 4px 16px #db27774d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #db277766}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--pink-600);border:1.5px solid var(--border-soft)}.btn-secondary:hover{background:var(--pink-50);border-color:var(--pink-300)}.btn-gold{background:linear-gradient(135deg, var(--gold-400), var(--gold-500));color:#fff;box-shadow:var(--shadow-gold)}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 28px #b4860b4d}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 16px #ef444440}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ef444459}.btn-sm{border-radius:var(--radius-sm);padding:8px 18px;font-size:.8rem}.input{border:1.5px solid var(--border-soft);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;color:var(--text-primary);background:#ffffffb3;outline:none;padding:14px 20px;font-family:Inter,sans-serif;font-size:.95rem;transition:all .3s}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--pink-400);background:#fff;box-shadow:0 0 0 4px #f472b626}.hearts-grid{grid-template-columns:repeat(6,1fr);gap:12px;padding:20px;display:grid}.heart-slot{aspect-ratio:1;cursor:pointer;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.heart-icon{filter:drop-shadow(0 2px 4px #0000001a);font-size:2rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.heart-slot:hover{transform:scale(1.2)}.heart-empty .heart-icon{color:var(--pink-200)}.heart-filled .heart-icon{color:var(--pink-500);animation:.6s cubic-bezier(.4,0,.2,1) heartPop}@keyframes heartPop{0%{transform:scale(.5)}50%{transform:scale(1.3)}70%{transform:scale(.9)}to{transform:scale(1)}}.heart-slot.heart-filled:after{content:"";background:radial-gradient(circle,#f472b633 0%,#0000 70%);border-radius:50%;width:100%;height:100%;animation:2s ease-in-out infinite alternate heartGlow;position:absolute}@keyframes heartGlow{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.2)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)rotate(0)}50%{opacity:1;transform:scale(1)rotate(180deg)}}.badge{border-radius:100px;align-items:center;gap:4px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-pink{background:var(--pink-100);color:var(--pink-600)}.badge-gold{background:var(--gold-100);color:var(--gold-500)}.badge-green{color:#16a34a;background:#dcfce7}.spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{border-radius:var(--radius-md);z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:16px 24px;font-size:.9rem;font-weight:500;animation:.4s cubic-bezier(.4,0,.2,1) slideInToast;position:fixed;bottom:24px;right:24px}.toast-success{color:#fff;background:#16a34ae6;box-shadow:0 8px 32px #16a34a4d}.toast-error{color:#fff;background:#dc2626e6;box-shadow:0 8px 32px #dc26264d}@keyframes slideInToast{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width:768px){.hearts-grid{grid-template-columns:repeat(4,1fr);gap:8px}.heart-icon{font-size:1.6rem}}@media (max-width:480px){.hearts-grid{grid-template-columns:repeat(3,1fr)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.6s cubic-bezier(.4,0,.2,1) forwards fadeInUp}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--pink-200);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--pink-300)}