:root{--rose-50: #fff1f2;--rose-100: #ffe4e6;--rose-200: #fecdd3;--rose-300: #fda4af;--rose-400: #fb7185;--rose-500: #f43f5e;--rose-600: #e11d48;--pink-50: #fdf2f8;--pink-100: #fce7f3;--pink-200: #fbcfe8;--pink-300: #f9a8d4;--pink-400: #f472b6;--gold-100: #fef9c3;--gold-200: #fef08a;--gold-300: #fde047;--gold-400: #facc15;--cream: #fefce8;--ivory: #fffbeb;--warm-white: #fef7f0;--leaf-200: #bbf7d0;--leaf-300: #86efac;--leaf-400: #4ade80;--leaf-500: #22c55e;--wine: #881337;--deep-rose: #9f1239;--plum: #701a75;--text-primary: #1c1917;--text-secondary: #57534e;--text-light: #a8a29e;--gradient-hero: linear-gradient(135deg, #fdf2f8 0%, #fff1f2 25%, #fef7f0 50%, #fce7f3 75%, #ffe4e6 100%);--gradient-card: linear-gradient(145deg, rgba(255,255,255,.9) 0%, rgba(253,242,248,.85) 100%);--gradient-button: linear-gradient(135deg, #f43f5e 0%, #ec4899 50%, #f43f5e 100%);--gradient-golden: linear-gradient(135deg, #fde047 0%, #facc15 50%, #f59e0b 100%);--shadow-sm: 0 1px 3px rgba(244,63,94,.08);--shadow-md: 0 4px 20px rgba(244,63,94,.12);--shadow-lg: 0 8px 40px rgba(244,63,94,.15);--shadow-glow: 0 0 30px rgba(244,63,94,.2);--font-display: "Playfair Display", Georgia, serif;--font-body: "Inter", -apple-system, sans-serif;--font-script: "Dancing Script", cursive;--section-padding: clamp(3rem, 8vw, 6rem)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--gradient-hero);color:var(--text-primary);min-height:100vh;overflow-x:hidden;position:relative}body:before,body:after{content:"";position:fixed;border-radius:50%;filter:blur(80px);opacity:.4;z-index:0;pointer-events:none}body:before{width:500px;height:500px;background:var(--pink-200);top:-100px;right:-100px;animation:float-blob 20s ease-in-out infinite}body:after{width:600px;height:600px;background:var(--rose-200);bottom:-150px;left:-150px;animation:float-blob 25s ease-in-out infinite reverse}@keyframes float-blob{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-50px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(40px,30px) scale(1.02)}}.app-container{position:relative;z-index:1;max-width:100%;overflow-x:hidden}.section{padding:var(--section-padding) clamp(1rem,5vw,3rem);max-width:900px;margin:0 auto}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem clamp(1rem,5vw,3rem);position:relative}.hero-date-badge{display:inline-flex;align-items:center;gap:.5rem;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--rose-200);border-radius:100px;padding:.5rem 1.5rem;font-size:.85rem;color:var(--rose-600);font-weight:500;letter-spacing:.05em;margin-bottom:2rem}.hero-flower-emoji{font-size:2.5rem;margin-bottom:1rem;display:block;animation:gentle-bounce 3s ease-in-out infinite}@keyframes gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero h1{font-family:var(--font-display);font-size:clamp(2.5rem,7vw,4.5rem);font-weight:700;color:var(--deep-rose);line-height:1.15;margin-bottom:.5rem}.hero h1 .highlight{background:var(--gradient-button);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-family:var(--font-script);font-size:clamp(1.5rem,4vw,2.5rem);color:var(--rose-400);margin-bottom:1.5rem;font-weight:500}.hero-message{font-size:clamp(1rem,2.5vw,1.15rem);color:var(--text-secondary);max-width:550px;line-height:1.8;margin-bottom:2.5rem}.scroll-hint{position:absolute;bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--rose-300);font-size:.8rem;animation:fade-bounce 2s ease-in-out infinite}.scroll-hint-arrow{font-size:1.2rem}@keyframes fade-bounce{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}.daily-section{padding-bottom:2rem}.daily-card{background:var(--gradient-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(253,164,175,.3);border-radius:24px;padding:clamp(2rem,5vw,3rem);text-align:center;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.daily-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-button);border-radius:24px 24px 0 0}.daily-card-label{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--rose-500);background:var(--rose-50);padding:.4rem 1rem;border-radius:100px;margin-bottom:1.5rem}.daily-card-icon{font-size:3rem;margin-bottom:1rem;display:block}.daily-card h2{font-family:var(--font-display);font-size:clamp(1.3rem,3.5vw,1.8rem);color:var(--text-primary);margin-bottom:1rem;font-weight:600;line-height:1.4}.daily-card-quote{font-family:var(--font-display);font-style:italic;font-size:clamp(1.1rem,3vw,1.4rem);color:var(--deep-rose);line-height:1.6;max-width:500px;margin:0 auto 1.5rem;position:relative;padding:0 1rem}.daily-card-quote:before,.daily-card-quote:after{font-family:var(--font-display);font-size:3rem;color:var(--rose-200);line-height:1;position:absolute}.daily-card-quote:before{content:'"';top:-.6rem;left:-.5rem}.daily-card-quote:after{content:'"';bottom:-1.2rem;right:-.5rem}.daily-card-author{font-size:.85rem;color:var(--text-light);font-weight:500}.daily-card-day{margin-top:1.5rem;font-size:.8rem;color:var(--rose-300);font-weight:500}.love-section{text-align:center;padding-top:1rem}.love-section h2{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.2rem);color:var(--deep-rose);margin-bottom:1rem}.love-section p{color:var(--text-secondary);max-width:450px;margin:0 auto 2rem;line-height:1.7}.love-button{display:inline-flex;align-items:center;gap:.75rem;background:var(--gradient-button);background-size:200% 200%;color:#fff;border:none;border-radius:100px;padding:1rem 2.5rem;font-size:1.1rem;font-family:var(--font-body);font-weight:600;cursor:pointer;box-shadow:var(--shadow-md),0 0 #f43f5e66;transition:all .3s ease;position:relative;overflow:hidden}.love-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);opacity:0;transition:opacity .3s}.love-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-lg),0 0 #f43f5e00;animation:button-glow 2s ease-in-out infinite}.love-button:hover:before{opacity:1}.love-button:active{transform:translateY(0) scale(.98)}.love-button .btn-emoji{font-size:1.3rem;transition:transform .3s}.love-button:hover .btn-emoji{transform:rotate(15deg) scale(1.1)}@keyframes button-glow{0%,to{box-shadow:var(--shadow-lg),0 0 20px #f43f5e4d}50%{box-shadow:var(--shadow-lg),0 0 40px #f43f5e80}}.qualities-section h2{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.2rem);color:var(--deep-rose);text-align:center;margin-bottom:.5rem}.qualities-section .section-sub{text-align:center;color:var(--text-secondary);margin-bottom:2.5rem;font-size:.95rem}.qualities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.quality-card{background:var(--gradient-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(253,164,175,.2);border-radius:20px;padding:1.75rem;text-align:center;box-shadow:var(--shadow-sm);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:default}.quality-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--rose-300)}.quality-card-emoji{font-size:2.5rem;margin-bottom:.75rem;display:block;transition:transform .3s}.quality-card:hover .quality-card-emoji{transform:scale(1.15) rotate(5deg)}.quality-card h3{font-family:var(--font-display);font-size:1.1rem;color:var(--deep-rose);margin-bottom:.5rem;font-weight:600}.quality-card p{font-size:.88rem;color:var(--text-secondary);line-height:1.6}.countdown-section{text-align:center}.countdown-card{background:linear-gradient(135deg,var(--deep-rose) 0%,var(--rose-500) 50%,var(--pink-400) 100%);border-radius:24px;padding:clamp(2.5rem,6vw,4rem);color:#fff;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.countdown-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 50%)}.countdown-card>*{position:relative;z-index:1}.countdown-card h2{font-family:var(--font-script);font-size:clamp(1.8rem,5vw,3rem);margin-bottom:1rem;font-weight:600}.countdown-card p{font-size:clamp(1rem,2.5vw,1.15rem);opacity:.9;max-width:500px;margin:0 auto;line-height:1.7}.countdown-emoji{font-size:3rem;margin-bottom:1rem;display:block}.footer{text-align:center;padding:3rem 1rem 2rem;color:var(--rose-300);font-size:.85rem}.footer-heart{display:inline-block;color:var(--rose-400);animation:heartbeat 1.5s ease-in-out infinite;font-size:1.2rem;margin:0 .3rem}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(1)}45%{transform:scale(1.15)}60%{transform:scale(1)}}.footer-script{font-family:var(--font-script);font-size:1.2rem;color:var(--rose-400);margin-top:.5rem}.petals-container{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.petal{position:absolute;font-size:1.2rem;opacity:0;animation:petal-fall linear infinite;will-change:transform}@keyframes petal-fall{0%{opacity:0;transform:translateY(-20px) rotate(0) translate(0)}10%{opacity:.8}90%{opacity:.6}to{opacity:0;transform:translateY(100vh) rotate(720deg) translate(100px)}}@media(max-width:640px){.hero h1{font-size:2.2rem}.hero-subtitle{font-size:1.3rem}.qualities-grid{grid-template-columns:1fr}.daily-card{padding:1.5rem}.love-button{padding:.85rem 2rem;font-size:1rem}}.loading-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--gradient-hero);z-index:9999}.loading-flower{font-size:3rem;animation:loading-spin 2s ease-in-out infinite}@keyframes loading-spin{0%{transform:scale(.8) rotate(0);opacity:.5}50%{transform:scale(1.2) rotate(180deg);opacity:1}to{transform:scale(.8) rotate(360deg);opacity:.5}}.loading-text{font-family:var(--font-script);font-size:1.3rem;color:var(--rose-400);margin-top:1rem}.reveal-up{opacity:0;transform:translateY(40px)}.new-message-btn{display:inline-flex;align-items:center;gap:.5rem;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--rose-200);border-radius:100px;padding:.6rem 1.4rem;font-size:.85rem;color:var(--rose-500);font-family:var(--font-body);font-weight:500;cursor:pointer;margin-top:1.5rem;transition:all .3s ease}.new-message-btn:hover{background:var(--rose-50);border-color:var(--rose-300);transform:translateY(-1px)}.heart-particle{position:fixed;font-size:1.5rem;pointer-events:none;z-index:1000;animation:heart-float 2s ease-out forwards}@keyframes heart-float{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-150px) scale(.3)}}