@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Dancing+Script:wght@400;500;600;700&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap";:root{--rose-50: #f0f9ff;--rose-100: #e0f2fe;--rose-200: #bae6fd;--rose-300: #7dd3fc;--rose-400: #38bdf8;--rose-500: #0ea5e9;--rose-600: #0284c7;--pink-50: #f0fdfa;--pink-100: #ccfbf1;--pink-200: #99f6e4;--pink-300: #5eead4;--pink-400: #2dd4bf;--blush: #e0f2fe;--champagne: #f1f5f9;--gold: #94a3b8;--gold-light: #cbd5e1;--cream: #f4f9fc;--soft-white: #fefefe;--warm-gray: #64748b;--deep-rose: #0369a1;--burgundy: #0c4a6e;--midnight: #0f172a;--lavender: #e0e7ff;--soft-purple: #c7d2fe;--font-display: "Playfair Display", serif;--font-script: "Dancing Script", cursive;--font-elegant: "Cormorant Garamond", serif;--font-body: "Lora", serif;--section-padding: 100px 0;--container-max: 1200px;--container-padding: 0 24px;--ease-romantic: cubic-bezier(.25, .46, .45, .94);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden}body{font-family:var(--font-body);background:var(--cream);color:var(--midnight);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}.fade-in{opacity:0;transform:translateY(40px);transition:opacity 1s var(--ease-romantic),transform 1s var(--ease-romantic)}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in-left{opacity:0;transform:translate(-60px);transition:opacity 1s var(--ease-romantic),transform 1s var(--ease-romantic)}.fade-in-left.visible{opacity:1;transform:translate(0)}.fade-in-right{opacity:0;transform:translate(60px);transition:opacity 1s var(--ease-romantic),transform 1s var(--ease-romantic)}.fade-in-right.visible{opacity:1;transform:translate(0)}.scale-in{opacity:0;transform:scale(.85);transition:opacity .8s var(--ease-romantic),transform .8s var(--ease-bounce)}.scale-in.visible{opacity:1;transform:scale(1)}@keyframes floatHeart{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(3deg)}50%{transform:translateY(-8px) rotate(-2deg)}75%{transform:translateY(-20px) rotate(2deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes falling{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.container{max-width:var(--container-max);margin:0 auto;padding:var(--container-padding)}.section-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:600;color:var(--deep-rose);text-align:center;margin-bottom:16px;letter-spacing:.02em}.section-subtitle{font-family:var(--font-script);font-size:clamp(1.2rem,3vw,1.8rem);color:var(--rose-400);text-align:center;margin-bottom:60px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--rose-50)}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--rose-300),var(--pink-300));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,var(--rose-400),var(--pink-400))}::selection{background:var(--rose-200);color:var(--deep-rose)}@media (max-width: 768px){:root{--section-padding: 60px 0}.section-subtitle{margin-bottom:40px}}.navbar{position:fixed;top:0;left:0;width:100%;z-index:100;transition:all .4s var(--ease-romantic);padding:16px 0}.navbar.scrolled{background:#fffbf7f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 30px #a7344c14;padding:10px 0}.navbar__inner{max-width:var(--container-max);margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.navbar__logo{font-family:var(--font-script);font-size:1.6rem;color:#fff;transition:color .4s ease}.navbar.scrolled .navbar__logo{color:var(--deep-rose)}.navbar__links{display:flex;gap:32px;list-style:none}.navbar__link{font-family:var(--font-elegant);font-size:1rem;color:#fffc;letter-spacing:.05em;cursor:pointer;transition:color .3s ease;position:relative}.navbar.scrolled .navbar__link{color:var(--warm-gray)}.navbar__link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--rose-400);transition:width .3s var(--ease-romantic)}.navbar__link:hover:after{width:100%}.navbar__link:hover{color:var(--rose-400)}.navbar__toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}.navbar__toggle span{width:24px;height:2px;background:#fff;border-radius:2px;transition:all .3s ease}.navbar.scrolled .navbar__toggle span{background:var(--deep-rose)}@media (max-width: 768px){.navbar__toggle{display:flex}.navbar__links{position:fixed;top:0;right:-100%;width:70%;max-width:300px;height:100vh;background:#fffbf7fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;padding:80px 40px;gap:28px;box-shadow:-10px 0 40px #0000001a;transition:right .4s var(--ease-romantic)}.navbar__links.open{right:0}.navbar__link{color:var(--warm-gray);font-size:1.1rem}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,var(--midnight) 0%,var(--burgundy) 30%,var(--deep-rose) 60%,var(--midnight) 100%)}.hero__bg-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.3;filter:blur(2px)}.hero__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#2d1b2e4d,#2d1b2eb3)}.hero__particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.hero__particle{position:absolute;width:4px;height:4px;background:var(--rose-300);border-radius:50%;animation:twinkle var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.hero__content{position:relative;z-index:2;text-align:center;padding:40px 24px;max-width:800px}.hero__heart-icon{width:120px;height:120px;margin:0 auto 30px;animation:gentleFloat 3s ease-in-out infinite,pulse 2s ease-in-out infinite;filter:drop-shadow(0 10px 30px rgba(244,63,94,.3))}.hero__heart-icon img{width:100%;height:100%;object-fit:contain}.hero__greeting{font-family:var(--font-script);font-size:clamp(1.3rem,3.5vw,2rem);color:var(--rose-200);margin-bottom:16px;letter-spacing:.05em;animation:fadeInUp 1s ease-out .3s both}.hero__title{font-family:var(--font-display);font-size:clamp(2.5rem,7vw,5rem);font-weight:700;color:#fff;line-height:1.15;margin-bottom:24px;animation:fadeInUp 1s ease-out .6s both;text-shadow:0 4px 30px rgba(0,0,0,.3)}.hero__title span{display:block;background:linear-gradient(135deg,var(--rose-300),var(--pink-300),var(--gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__date{font-family:var(--font-elegant);font-size:clamp(1rem,2.5vw,1.4rem);color:var(--rose-200);letter-spacing:.15em;text-transform:uppercase;margin-bottom:32px;animation:fadeInUp 1s ease-out .9s both;opacity:.85}.hero__message{font-family:var(--font-body);font-size:clamp(1rem,2vw,1.2rem);color:#ffffffd9;max-width:600px;margin:0 auto 40px;line-height:1.8;animation:fadeInUp 1s ease-out 1.2s both}.hero__scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;animation:fadeInUp 1s ease-out 1.5s both;cursor:pointer;z-index:2}.hero__scroll-text{font-family:var(--font-script);font-size:1rem;color:var(--rose-300);letter-spacing:.1em}.hero__scroll-arrow{width:24px;height:24px;border-right:2px solid var(--rose-300);border-bottom:2px solid var(--rose-300);transform:rotate(45deg);animation:gentleFloat 2s ease-in-out infinite}@media (max-width: 768px){.hero__heart-icon{width:90px;height:90px;margin-bottom:20px}.hero__content{padding:30px 20px}}.love-story{padding:var(--section-padding);background:linear-gradient(180deg,var(--cream) 0%,var(--rose-50) 50%,var(--cream) 100%);position:relative}.love-story__timeline{position:relative;max-width:900px;margin:0 auto;padding:20px 0}.love-story__timeline:before{content:"";position:absolute;left:50%;transform:translate(-50%);top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent,var(--rose-300),var(--pink-300),transparent)}.love-story__item{display:flex;align-items:center;margin-bottom:80px;position:relative}.love-story__item:last-child{margin-bottom:0}.love-story__item:nth-child(odd){flex-direction:row}.love-story__item:nth-child(2n){flex-direction:row-reverse}.love-story__item-dot{position:absolute;left:50%;transform:translate(-50%);width:20px;height:20px;background:linear-gradient(135deg,var(--rose-400),var(--pink-400));border-radius:50%;border:4px solid var(--cream);box-shadow:0 0 0 4px var(--rose-200),0 0 20px #f43f5e4d;z-index:2}.love-story__item-content{width:42%;padding:32px;background:#fff;border-radius:20px;box-shadow:0 10px 40px #a7344c14,0 2px 10px #a7344c0a;transition:transform .4s var(--ease-romantic),box-shadow .4s var(--ease-romantic);position:relative}.love-story__item-content:hover{transform:translateY(-5px);box-shadow:0 20px 60px #a7344c1f,0 4px 20px #a7344c0f}.love-story__item-image{width:100%;height:200px;border-radius:14px;object-fit:cover;margin-bottom:20px;transition:transform .5s var(--ease-romantic)}.love-story__item-content:hover .love-story__item-image{transform:scale(1.03)}.love-story__item-emoji{font-size:2rem;margin-bottom:8px}.love-story__item-title{font-family:var(--font-display);font-size:1.3rem;color:var(--deep-rose);margin-bottom:8px;font-weight:600}.love-story__item-text{font-family:var(--font-body);font-size:.95rem;color:var(--warm-gray);line-height:1.7}@media (max-width: 768px){.love-story__timeline:before{left:24px}.love-story__item{flex-direction:column!important;align-items:flex-start;padding-left:56px;margin-bottom:48px}.love-story__item-dot{left:24px;top:0}.love-story__item-content{width:100%;padding:24px}}.gallery{padding:var(--section-padding);background:linear-gradient(180deg,var(--cream) 0%,white 30%,var(--rose-50) 70%,var(--cream) 100%)}.gallery__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:0 auto}.gallery__item{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:1;cursor:pointer;box-shadow:0 10px 30px #a7344c14;transition:transform .5s var(--ease-romantic),box-shadow .5s var(--ease-romantic)}.gallery__item:nth-child(1){grid-row:span 2;aspect-ratio:auto}.gallery__item--wide,.gallery__item:nth-child(8){grid-column:span 2;aspect-ratio:2 / .96}.gallery__item:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 50px #a7344c26}.gallery__item img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-romantic)}.gallery__item:hover img{transform:scale(1.1)}.gallery__item-overlay{position:absolute;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(to top,rgba(45,27,46,.8),transparent);transform:translateY(100%);transition:transform .4s var(--ease-romantic)}.gallery__item:hover .gallery__item-overlay{transform:translateY(0)}.gallery__item-caption{font-family:var(--font-script);font-size:1.2rem;color:#fff}.gallery__lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:#2d1b2ef2;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease;cursor:pointer}.gallery__lightbox.active{opacity:1;visibility:visible}.gallery__lightbox img{max-width:85vw;max-height:85vh;object-fit:contain;border-radius:16px;box-shadow:0 20px 60px #00000080;transform:scale(.9);transition:transform .4s var(--ease-bounce)}.gallery__lightbox.active img{transform:scale(1)}.gallery__lightbox-close{position:absolute;top:24px;right:24px;width:48px;height:48px;border:2px solid rgba(255,255,255,.5);background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.5rem;color:#fff;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gallery__lightbox-close:hover{background:#fff3;border-color:#fff;transform:rotate(90deg)}.gallery__lightbox-caption{position:absolute;bottom:40px;left:50%;transform:translate(-50%);font-family:var(--font-script);font-size:1.5rem;color:#fff;text-align:center}@media (max-width: 768px){.gallery__grid{grid-template-columns:repeat(2,1fr);gap:12px}.gallery__item:nth-child(1){grid-row:span 1}.gallery__item--wide,.gallery__item:nth-child(8){grid-column:span 2;aspect-ratio:2 / .96}.gallery__item-overlay{transform:translateY(0);padding:12px}.gallery__item-caption{font-size:.9rem}}@media (max-width: 480px){.gallery__grid{grid-template-columns:1fr;gap:16px}.gallery__item{aspect-ratio:4/3}.gallery__item--wide,.gallery__item:nth-child(8){grid-column:span 1;aspect-ratio:4/3}}.reasons{padding:var(--section-padding);background:linear-gradient(180deg,var(--cream) 0%,var(--pink-50) 50%,var(--cream) 100%)}.reasons__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1000px;margin:0 auto}.reasons__card{background:#fff;border-radius:20px;padding:36px 28px;text-align:center;box-shadow:0 8px 30px #a7344c0f;border:1px solid rgba(253,164,175,.15);transition:transform .4s var(--ease-romantic),box-shadow .4s var(--ease-romantic);position:relative;overflow:hidden}.reasons__card:after{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--rose-300),var(--pink-300),var(--gold-light));opacity:0;transition:opacity .3s ease}.reasons__card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #a7344c1f}.reasons__card:hover:after{opacity:1}.reasons__card-emoji{font-size:2.5rem;margin-bottom:16px;display:block;animation:gentleFloat 3s ease-in-out infinite}.reasons__card-title{font-family:var(--font-display);font-size:1.2rem;color:var(--deep-rose);margin-bottom:12px;font-weight:600}.reasons__card-text{font-family:var(--font-body);font-size:.95rem;color:var(--warm-gray);line-height:1.7}@media (max-width: 600px){.reasons__grid{grid-template-columns:1fr;gap:16px}.reasons__card{padding:28px 20px}}.love-letter{padding:var(--section-padding);background:linear-gradient(180deg,var(--cream) 0%,var(--champagne) 50%,var(--cream) 100%);position:relative;overflow:hidden}.love-letter__wrapper{max-width:750px;margin:0 auto;position:relative}.love-letter__card{position:relative;background:#fff;border-radius:24px;padding:60px 50px;box-shadow:0 20px 60px #a7344c14,0 4px 20px #a7344c0a,inset 0 1px #fffc;border:1px solid rgba(253,164,175,.2)}.love-letter__card:before{content:"❝";position:absolute;top:20px;left:30px;font-size:5rem;color:var(--rose-100);font-family:serif;line-height:1}.love-letter__image{width:200px;height:200px;border-radius:50%;object-fit:cover;margin:0 auto 40px;display:block;border:6px solid white;box-shadow:0 10px 40px #a7344c26;animation:gentleFloat 4s ease-in-out infinite}.love-letter__salutation{font-family:var(--font-script);font-size:clamp(1.5rem,3vw,2rem);color:var(--deep-rose);text-align:center;margin-bottom:30px}.love-letter__body{font-family:var(--font-elegant);font-size:clamp(1.1rem,2vw,1.35rem);color:var(--warm-gray);line-height:2;text-align:center;margin-bottom:40px}.love-letter__body p{margin-bottom:20px}.love-letter__body p:last-child{margin-bottom:0}.love-letter__signature{text-align:center;margin-top:40px}.love-letter__signature-text{font-family:var(--font-script);font-size:clamp(1.3rem,3vw,1.8rem);color:var(--rose-400);margin-bottom:8px}.love-letter__signature-name{font-family:var(--font-display);font-size:1.1rem;color:var(--deep-rose);font-weight:600;letter-spacing:.05em}.love-letter__hearts{display:flex;justify-content:center;gap:12px;margin-top:30px}.love-letter__hearts span{font-size:1.5rem;animation:pulse 2s ease-in-out infinite}.love-letter__hearts span:nth-child(2){animation-delay:.3s}.love-letter__hearts span:nth-child(3){animation-delay:.6s}.love-letter__decor{position:absolute;opacity:.08;pointer-events:none}.love-letter__decor--left{top:-40px;left:-80px;width:200px;transform:rotate(-15deg)}.love-letter__decor--right{bottom:-40px;right:-80px;width:200px;transform:rotate(15deg)}@media (max-width: 768px){.love-letter__card{padding:40px 24px;border-radius:20px}.love-letter__image{width:150px;height:150px}.love-letter__card:before{font-size:3rem;top:15px;left:20px}.love-letter__decor--left,.love-letter__decor--right{display:none}}.footer{padding:80px 0 40px;background:linear-gradient(180deg,var(--cream) 0%,var(--midnight) 100%);text-align:center;position:relative;overflow:hidden}.footer__heart{font-size:3rem;margin-bottom:24px;display:inline-block;animation:pulse 2s ease-in-out infinite}.footer__message{font-family:var(--font-script);font-size:clamp(1.5rem,4vw,2.5rem);color:var(--deep-rose);margin-bottom:12px;transition:color .6s ease}.footer__sub{font-family:var(--font-elegant);font-size:clamp(1rem,2vw,1.3rem);color:var(--warm-gray);margin-bottom:40px;letter-spacing:.05em}.footer__divider{width:100px;height:1px;background:linear-gradient(90deg,transparent,var(--rose-300),transparent);margin:0 auto 24px}.footer__credit{font-family:var(--font-body);font-size:.85rem;color:#ffffff80;letter-spacing:.05em}.footer__credit span{color:var(--rose-400)}@media (max-width: 768px){.footer{padding:60px 0 30px}}.app{position:relative;overflow-x:hidden}.music-toggle{position:fixed;bottom:24px;right:24px;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--rose-400),var(--pink-400));border:none;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #f43f5e4d;transition:transform .3s var(--ease-bounce),box-shadow .3s ease;font-size:1.3rem}.music-toggle:hover{transform:scale(1.1);box-shadow:0 12px 35px #f43f5e66}.back-to-top{position:fixed;bottom:24px;left:24px;width:48px;height:48px;border-radius:50%;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--rose-200);cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--deep-rose);box-shadow:0 4px 20px #a7344c1a;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .4s var(--ease-romantic)}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:var(--rose-50);transform:translateY(-3px);box-shadow:0 8px 30px #a7344c26}.countdown{padding:80px 0;background:linear-gradient(135deg,var(--midnight) 0%,var(--burgundy) 50%,var(--midnight) 100%);text-align:center;position:relative;overflow:hidden}.countdown__title{font-family:var(--font-script);font-size:clamp(1.3rem,3vw,1.8rem);color:var(--rose-200);margin-bottom:32px}.countdown__grid{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.countdown__item{text-align:center}.countdown__number{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4rem);font-weight:700;background:linear-gradient(135deg,var(--rose-300),var(--pink-300),var(--gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.countdown__label{font-family:var(--font-elegant);font-size:.9rem;color:var(--rose-300);letter-spacing:.15em;text-transform:uppercase;margin-top:4px}@media (max-width: 480px){.countdown__grid{gap:20px}}