@import "https://fonts.googleapis.com/css2?family=Great+Vibes&family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Lato:wght@300;400&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background:#0a0a0a;font-family:Lato,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a0a1a}::-webkit-scrollbar-thumb{background:linear-gradient(#e91e63,#9c27b0);border-radius:4px}::selection{color:#fff;background:#e91e6366}.floating-hearts{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.heart-particle{opacity:0;color:#e91e63;filter:blur(.5px);animation:linear infinite floatUp;position:absolute;bottom:-20px}@keyframes floatUp{0%{opacity:0;transform:translateY(0)rotate(0)scale(.5)}10%{opacity:.6}50%{opacity:.3}to{opacity:0;transform:translateY(-110vh)rotate(720deg)scale(1.2)}}.navbar{z-index:1000;-webkit-backdrop-filter:blur();backdrop-filter:blur();justify-content:space-between;align-items:center;width:100%;padding:18px 40px;transition:all .4s;display:flex;position:fixed;top:0;left:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0ae6;padding:12px 40px;box-shadow:0 4px 30px #e91e6326}.nav-logo{background:linear-gradient(135deg,#e91e63,#ff6090,#e91e63);-webkit-text-fill-color:transparent;cursor:pointer;-webkit-background-clip:text;background-clip:text;font-family:Great Vibes,cursive;font-size:2rem}.nav-links{gap:32px;list-style:none;display:flex}.nav-links a{color:#ffffffb3;letter-spacing:2px;text-transform:uppercase;font-size:.9rem;font-weight:300;text-decoration:none;transition:all .3s;position:relative}.nav-links a:after{content:"";background:linear-gradient(90deg,#e91e63,#ff6090);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-links a:hover{color:#ff6090}.nav-links a:hover:after{width:100%}.hero-section{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:0 20px;display:flex;position:relative;overflow:hidden}.hero-bg-gradient{background:radial-gradient(at 50% 30%,#e91e6326 0%,#0a0a0a00 70%),radial-gradient(at 20% 80%,#9c27b01a 0%,#0000 60%),radial-gradient(at 80% 80%,#e91e6314 0%,#0000 60%);position:absolute;inset:0}.hero-content{z-index:2;text-align:center;max-width:800px;position:relative}.hero-subtitle{color:#ff6090;margin-bottom:8px;font-family:Great Vibes,cursive;font-size:1.8rem}.hero-title{background:linear-gradient(135deg,#fff 0%,#ff6090 50%,#e91e63 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-family:Playfair Display,serif;font-size:5rem;font-weight:700;line-height:1.1}.hero-description{color:#fff9;max-width:600px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:1.2rem;font-weight:300;line-height:1.8}.hero-btn{color:#fff;letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#e91e63,#c2185b);border:none;border-radius:50px;align-items:center;gap:10px;padding:16px 48px;font-family:Lato,sans-serif;font-size:1rem;transition:all .4s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #e91e6366}.hero-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.hero-btn:hover:before{left:100%}.hero-btn:hover{transform:translateY(-3px);box-shadow:0 12px 48px #e91e6399}.scroll-indicator{color:#ffffff4d;letter-spacing:3px;text-transform:uppercase;flex-direction:column;align-items:center;gap:8px;font-size:.75rem;animation:2s infinite bounce;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(10px)}}.gallery-section{z-index:1;padding:120px 40px;position:relative}.section-header{text-align:center;margin-bottom:80px}.section-tag{color:#ff6090;margin-bottom:8px;font-family:Great Vibes,cursive;font-size:1.5rem;display:block}.section-title{background:linear-gradient(135deg,#fff,#ff6090);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-family:Playfair Display,serif;font-size:3.5rem;font-weight:700}.section-line{background:linear-gradient(90deg,#0000,#e91e63,#0000);width:80px;height:2px;margin:0 auto}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;max-width:1200px;margin:0 auto;display:grid}.gallery-card{cursor:pointer;aspect-ratio:3/4;group:true;border-radius:20px;position:relative;overflow:hidden}.gallery-card img{object-fit:cover;width:100%;height:100%;transition:transform .7s,filter .7s}.gallery-card:hover img{filter:brightness(.7);transform:scale(1.08)}.card-overlay{opacity:0;background:linear-gradient(#0000 40%,#e91e6366 100%);align-items:flex-end;padding:30px;transition:opacity .5s;display:flex;position:absolute;inset:0}.gallery-card:hover .card-overlay{opacity:1}.card-caption{color:#fff;text-shadow:0 2px 10px #00000080;font-family:Great Vibes,cursive;font-size:1.8rem}.card-border{border:2px solid #0000;border-radius:20px;transition:border-color .5s;position:absolute;inset:0}.gallery-card:hover .card-border{border-color:#e91e6380}.lightbox-overlay{z-index:2000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-content{max-width:90vw;max-height:90vh;position:relative}.lightbox-content img{object-fit:contain;border-radius:12px;max-width:90vw;max-height:85vh;box-shadow:0 20px 80px #e91e634d}.lightbox-close{color:#ff6090;cursor:pointer;background:0 0;border:none;font-size:2rem;transition:transform .3s;position:absolute;top:-50px;right:0}.lightbox-close:hover{transform:rotate(90deg)}.lightbox-nav{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#e91e6333;border:1px solid #e91e634d;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.2rem;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:#e91e6380}.lightbox-prev{left:-70px}.lightbox-next{right:-70px}.lightbox-caption{text-align:center;color:#ff6090;margin-top:20px;font-family:Great Vibes,cursive;font-size:1.5rem}.letter-section{z-index:1;justify-content:center;padding:120px 40px;display:flex;position:relative}.letter-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#e91e6314,#9c27b00d);border:1px solid #e91e6326;border-radius:24px;width:100%;max-width:700px;padding:60px;position:relative}.letter-card:before{content:"\"";color:#e91e631a;font-family:Great Vibes,cursive;font-size:8rem;line-height:1;position:absolute;top:20px;left:30px}.letter-heading{color:#ff6090;margin-bottom:24px;font-family:Great Vibes,cursive;font-size:2.5rem}.letter-text{color:#ffffffb3;font-family:Playfair Display,serif;font-size:1.2rem;font-style:italic;line-height:2}.letter-signature{color:#e91e63;text-align:right;margin-top:32px;font-family:Great Vibes,cursive;font-size:1.8rem}.timeline-section{z-index:1;padding:120px 40px;position:relative}.timeline{max-width:800px;margin:0 auto;position:relative}.timeline:before{content:"";background:linear-gradient(#e91e63,#9c27b0,#e91e63);width:2px;height:100%;position:absolute;left:50%;transform:translate(-50%)}.timeline-item{align-items:center;margin-bottom:60px;display:flex;position:relative}.timeline-item:nth-child(odd){flex-direction:row}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-dot{z-index:2;background:#e91e63;border:4px solid #0a0a0a;border-radius:50%;width:20px;height:20px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 20px #e91e6380}.timeline-content{background:linear-gradient(145deg,#e91e630f,#9c27b008);border:1px solid #e91e631a;border-radius:16px;width:45%;padding:24px}.timeline-date{color:#ff6090;margin-bottom:8px;font-family:Great Vibes,cursive;font-size:1.3rem}.timeline-text{color:#fff9;font-family:Playfair Display,serif;font-style:italic;line-height:1.6}.music-toggle{color:#fff;cursor:pointer;z-index:1000;background:linear-gradient(135deg,#e91e63,#9c27b0);border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;transition:all .3s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 8px 32px #e91e6366}.music-toggle:hover{transform:scale(1.1);box-shadow:0 12px 48px #e91e6399}.music-toggle.playing{animation:2s infinite pulse-glow}@keyframes pulse-glow{0%,to{box-shadow:0 8px 32px #e91e6366}50%{box-shadow:0 8px 48px #e91e63b3}}.footer{text-align:center;z-index:1;border-top:1px solid #e91e631a;padding:60px 40px;position:relative}.footer-text{color:#ff6090;margin-bottom:16px;font-family:Great Vibes,cursive;font-size:2rem}.footer-sub{color:#ffffff4d;letter-spacing:2px;font-size:.85rem}.footer-hearts{margin-top:24px;font-size:1.5rem;animation:1.5s infinite heartbeat}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(1)}45%{transform:scale(1.1)}}@media (width<=768px){.navbar{padding:14px 20px}.nav-links{gap:16px}.nav-links a{letter-spacing:1px;font-size:.75rem}.hero-title{font-size:2.8rem}.hero-subtitle{font-size:1.3rem}.hero-description{font-size:1rem}.gallery-section,.letter-section,.timeline-section{padding:80px 20px}.gallery-grid{grid-template-columns:1fr;gap:20px}.section-title{font-size:2.5rem}.letter-card{padding:40px 28px}.letter-heading{font-size:1.8rem}.letter-text{font-size:1rem}.timeline:before{left:20px}.timeline-item,.timeline-item:nth-child(2n){flex-direction:row;padding-left:50px}.timeline-dot{left:20px}.timeline-content{width:100%}.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-nav{width:40px;height:40px}}