:root{--pink-50: #fdf2f8;--pink-100: #fce7f3;--pink-200: #fbcfe8;--pink-300: #f9a8d4;--pink-400: #f472b6;--pink-500: #ec4899;--pink-600: #db2777;--pink-700: #be185d;--rose-300: #fda4af;--rose-400: #fb7185;--rose-500: #f43f5e;--lavender: #e9d5ff;--peach: #fce4c0;--cream: #fef9f0;--gold: #f5c842;--gold-light: #fde68a;--font-display: "Pacifico", cursive;--font-script: "Dancing Script", cursive;--font-body: "Quicksand", sans-serif;--shadow-soft: 0 4px 30px rgba(236, 72, 153, .15);--shadow-glow: 0 0 40px rgba(244, 114, 182, .3);--shadow-card: 0 8px 32px rgba(219, 39, 119, .12);--glass-bg: rgba(255, 255, 255, .25);--glass-border: rgba(255, 255, 255, .4)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-body);background:linear-gradient(135deg,var(--pink-100) 0%,var(--pink-200) 25%,var(--lavender) 50%,var(--pink-100) 75%,var(--peach) 100%);background-attachment:fixed;color:var(--pink-700);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#app{position:relative;z-index:1}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--pink-100)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--pink-300),var(--pink-500));border-radius:10px}.particles-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;animation:floatUp linear infinite;opacity:.6;filter:blur(.5px)}@keyframes floatUp{0%{transform:translateY(100vh) rotate(0) scale(.5);opacity:0}10%{opacity:.7}90%{opacity:.5}to{transform:translateY(-10vh) rotate(720deg) scale(1);opacity:0}}.confetti-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;position:relative}.hero-sparkle{position:absolute;font-size:1.5rem;animation:sparkle 2s ease-in-out infinite;pointer-events:none}@keyframes sparkle{0%,to{opacity:.3;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}.hero-crown{font-size:4rem;margin-bottom:.5rem;animation:bounce 2s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(245,200,66,.4))}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.hero-greeting{font-family:var(--font-script);font-size:1.8rem;color:var(--pink-400);margin-bottom:.5rem;opacity:0;animation:fadeInUp 1s ease-out .3s forwards;letter-spacing:1px}.hero-title{font-family:var(--font-display);font-size:clamp(3rem,8vw,6rem);background:linear-gradient(135deg,var(--pink-500),var(--rose-500),var(--pink-400),var(--pink-600));background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;animation:gradientShift 4s ease infinite,fadeInUp 1s ease-out .5s forwards;opacity:0;line-height:1.6;margin-bottom:0;padding:.2em .1em;overflow:visible}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-name{font-family:var(--font-display);font-size:clamp(3.5rem,10vw,7.5rem);background:linear-gradient(135deg,var(--pink-600),var(--rose-500),var(--gold),var(--pink-500));background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;animation:gradientShift 3s ease infinite,fadeInUp 1s ease-out .7s forwards;opacity:0;line-height:1.6;margin-bottom:1rem;padding:.2em .1em;overflow:visible;min-width:3ch}.typing-cursor{font-weight:100;animation:blink .7s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-subtitle{font-family:var(--font-script);font-size:clamp(1.2rem,3vw,1.8rem);color:var(--pink-500);opacity:0;animation:fadeInUp 1s ease-out .9s forwards;letter-spacing:2px}.hero-emojis{font-size:2.5rem;margin-top:1.5rem;opacity:0;animation:fadeInUp 1s ease-out 1.1s forwards;display:flex;gap:1rem}.hero-emoji{display:inline-block;animation:wiggle 2s ease-in-out infinite}.hero-emoji:nth-child(2){animation-delay:.3s}.hero-emoji:nth-child(3){animation-delay:.6s}.hero-emoji:nth-child(4){animation-delay:.9s}.hero-emoji:nth-child(5){animation-delay:1.2s}@keyframes wiggle{0%,to{transform:rotate(-5deg) scale(1)}25%{transform:rotate(5deg) scale(1.1)}50%{transform:rotate(-3deg) scale(1)}75%{transform:rotate(3deg) scale(1.05)}}.scroll-indicator{position:absolute;bottom:2rem;animation:scrollBounce 2s ease-in-out infinite;opacity:0;animation:fadeInUp 1s ease-out 1.5s forwards,scrollBounce 2s ease-in-out 2.5s infinite;cursor:pointer;font-size:1.5rem;color:var(--pink-400)}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.section{padding:5rem 2rem;max-width:1000px;margin:0 auto;opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.section.visible{opacity:1;transform:translateY(0)}.section-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);text-align:center;margin-bottom:3rem;color:var(--pink-600);position:relative}.section-title:after{content:"";display:block;width:80px;height:4px;background:linear-gradient(90deg,var(--pink-300),var(--pink-500),var(--pink-300));margin:.8rem auto 0;border-radius:2px}.cake-section{text-align:center}.cake-container{display:flex;flex-direction:column;align-items:center;gap:2rem}.cake-display{font-size:clamp(6rem,15vw,10rem);animation:cakeFloat 3s ease-in-out infinite;filter:drop-shadow(0 10px 25px rgba(236,72,153,.2));cursor:pointer;transition:transform .3s ease;position:relative}.cake-display:hover{transform:scale(1.1)}.cake-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(245,200,66,.3) 0%,transparent 70%);border-radius:50%;animation:pulse 2s ease-in-out infinite;pointer-events:none}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.8}}@keyframes cakeFloat{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-15px) rotate(2deg)}}.candles-text{font-family:var(--font-script);font-size:1.5rem;color:var(--pink-500);cursor:pointer;padding:.8rem 2rem;border:2px dashed var(--pink-300);border-radius:50px;transition:all .3s ease;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.candles-text:hover{background:var(--pink-200);border-color:var(--pink-500);transform:scale(1.05)}.message-section{perspective:1000px}.message-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;padding:3rem;box-shadow:var(--shadow-card);position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.message-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-glow)}.message-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,var(--pink-300),var(--lavender),var(--pink-400),var(--peach));border-radius:26px;z-index:-1;opacity:.5}.message-card:after{content:"💌";position:absolute;top:1.5rem;right:1.5rem;font-size:2rem;opacity:.5}.message-heading{font-family:var(--font-script);font-size:2rem;color:var(--pink-600);margin-bottom:1.5rem}.message-text{font-family:var(--font-body);font-size:1.15rem;line-height:2;color:var(--pink-700);font-weight:400}.message-text p{margin-bottom:1rem}.message-signature{font-family:var(--font-script);font-size:1.5rem;color:var(--pink-500);margin-top:2rem;text-align:right}.wishes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.wish-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:default;position:relative;overflow:hidden}.wish-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.wish-card:hover:before{left:100%}.wish-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-glow);border-color:var(--pink-300)}.wish-icon{font-size:3rem;margin-bottom:1rem;display:block}.wish-title{font-family:var(--font-script);font-size:1.4rem;color:var(--pink-600);margin-bottom:.5rem}.wish-text{font-family:var(--font-body);font-size:.95rem;color:var(--pink-500);line-height:1.6;font-weight:400}.memories-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.memory-frame{background:#fff;border-radius:16px;padding:.8rem;box-shadow:var(--shadow-soft);transition:all .4s ease;transform:rotate(var(--rotation, 0deg))}.memory-frame:hover{transform:rotate(0) scale(1.05);box-shadow:var(--shadow-glow)}.memory-image{width:100%;aspect-ratio:1;border-radius:12px;background:linear-gradient(135deg,var(--pink-200),var(--lavender));display:flex;align-items:center;justify-content:center;font-size:4rem}.memory-caption{text-align:center;padding:.8rem .5rem .3rem;font-family:var(--font-script);font-size:1.1rem;color:var(--pink-600)}.fun-facts{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.fact-bubble{background:var(--glass-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--glass-border);border-radius:50%;width:150px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:all .4s ease;cursor:default}.fact-bubble:hover{transform:scale(1.1);box-shadow:var(--shadow-glow);background:#fff6}.fact-emoji{font-size:2rem;margin-bottom:.3rem}.fact-label{font-family:var(--font-body);font-size:.75rem;color:var(--pink-500);font-weight:600;text-transform:uppercase;letter-spacing:1px}.fact-value{font-family:var(--font-script);font-size:1.1rem;color:var(--pink-700);font-weight:700}.btn-cute{font-family:var(--font-body);font-weight:600;font-size:1.1rem;padding:1rem 2.5rem;border:none;border-radius:50px;cursor:pointer;background:linear-gradient(135deg,var(--pink-400),var(--pink-500),var(--rose-400));color:#fff;box-shadow:0 4px 15px #ec489966;transition:all .3s ease;position:relative;overflow:hidden}.btn-cute:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-cute:hover:before{left:100%}.btn-cute:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #ec489980}.btn-cute:active{transform:translateY(-1px) scale(1.02)}.hearts-rain{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:99;overflow:hidden}.falling-heart{position:absolute;top:-5%;animation:heartFall linear forwards;font-size:1.5rem;opacity:.8}@keyframes heartFall{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:0}}.footer{text-align:center;padding:3rem 2rem;font-family:var(--font-script);font-size:1.2rem;color:var(--pink-400)}.footer-hearts{font-size:1.5rem;display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem}.footer-heart{animation:heartbeat 1.5s ease-in-out infinite}.footer-heart:nth-child(2){animation-delay:.2s}.footer-heart:nth-child(3){animation-delay:.4s}.footer-heart:nth-child(4){animation-delay:.6s}.footer-heart:nth-child(5){animation-delay:.8s}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.3)}30%{transform:scale(1)}45%{transform:scale(1.2)}60%{transform:scale(1)}}.sparkle-burst{position:fixed;pointer-events:none;z-index:200;font-size:1rem;animation:sparkBurst .8s ease-out forwards}@keyframes sparkBurst{0%{transform:scale(0) rotate(0);opacity:1}to{transform:scale(1.5) rotate(180deg);opacity:0}}.music-toggle{position:fixed;bottom:2rem;right:2rem;z-index:50;width:50px;height:50px;border-radius:50%;border:2px solid var(--pink-300);background:var(--glass-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-soft)}.music-toggle:hover{transform:scale(1.1);box-shadow:var(--shadow-glow);background:var(--pink-200)}.music-toggle.playing{animation:musicPulse 1s ease-in-out infinite;border-color:var(--pink-500)}@keyframes musicPulse{0%,to{box-shadow:0 0 #ec489966}50%{box-shadow:0 0 0 10px #ec489900}}@media(max-width:768px){.section{padding:3rem 1.5rem}.message-card{padding:2rem}.wishes-grid{grid-template-columns:1fr}.fact-bubble{width:120px;height:120px}.memories-gallery{grid-template-columns:repeat(2,1fr)}.hero-emojis{font-size:2rem;gap:.5rem}}@media(max-width:480px){.memories-gallery{grid-template-columns:1fr}.fun-facts{gap:1rem}.fact-bubble{width:100px;height:100px}.fact-emoji{font-size:1.5rem}.fact-value{font-size:.9rem}}