@import"https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;600&display=swap";:root{--bg-color: #0d0a0b;--bg-light: #fdf6f5;--text-color: #f0e6e4;--text-dark: #4a2c2a;--accent-color: #e88b9b;--accent-gold: #c9a96e;--secondary-color: #1a1215;--glass-bg: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .12);--font-heading: "Cormorant Garamond", "Noto Serif JP", serif;--font-body: "Montserrat", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:initial}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-body);overflow-x:hidden;line-height:1.6}.grain-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(https://grainy-gradients.vercel.app/noise.svg);opacity:.04;pointer-events:none;z-index:9998}.bts-carousel-wrapper{width:100%;position:relative;padding:2rem 0 6rem}.bts-swiper{width:100%;height:650px;padding-bottom:50px!important}.bts-slide{width:450px!important;height:550px;border-radius:24px;overflow:hidden;position:relative;background:#111;transition:box-shadow .6s cubic-bezier(.2,0,.2,1)}.bts-slide.swiper-slide-active{box-shadow:0 40px 100px #000c,0 0 40px #7c3aed33}.slide-image-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:1}.slide-bg-blur{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background-size:cover;background-position:center;filter:blur(25px) brightness(.6);z-index:0;transition:transform .8s cubic-bezier(.2,0,.2,1);transform:scale(1.1)}.slide-bg{position:relative;width:100%;height:100%;object-fit:cover;object-position:center 20%;z-index:1;transition:transform 1.2s cubic-bezier(.2,0,.2,1),opacity .8s ease;transform:scale(1.1);opacity:.7}.swiper-slide-active .slide-bg{transform:scale(1);opacity:1}.swiper-slide-active .slide-bg-blur{transform:scale(1.1);opacity:.4}.slide-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 40%,rgba(10,6,18,.9) 100%);z-index:2}.slide-content{position:absolute;bottom:0;left:0;width:100%;padding:3.5rem 2.5rem;z-index:3;text-align:left;transform:translateY(20px);opacity:0;transition:all .6s cubic-bezier(.2,0,.2,1) .2s}.swiper-slide-active .slide-content{transform:translateY(0);opacity:1}.member-tag{font-family:var(--font-body);font-size:.7rem;letter-spacing:4px;color:#a78bfacc;text-transform:uppercase;display:block;margin-bottom:1rem}.slide-content h3{font-family:var(--font-heading);font-size:2.2rem;color:#fff;margin-bottom:1.2rem;font-style:italic;letter-spacing:1px}.slide-content p{font-size:.95rem;color:#f0e6e4b3;line-height:1.8;max-width:90%}.bts-pagination{bottom:0!important}.bts-pagination .swiper-pagination-bullet{background:#a78bfa4d;width:10px;height:10px;opacity:1;transition:all .3s ease}.bts-pagination .swiper-pagination-bullet-active{background:#a78bfa;width:30px;border-radius:5px}.bts-nav-prev,.bts-nav-next{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bts-nav-prev:hover,.bts-nav-next:hover{background:#a78bfa33;border-color:#a78bfa66;transform:translateY(-50%) scale(1.1)}.bts-nav-prev{left:5%}.bts-nav-next{right:5%}.bts-nav-prev svg,.bts-nav-next svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:2}@media (max-width: 768px){.bts-swiper{height:550px}.bts-slide{width:85vw!important;height:450px}.slide-content h3{font-size:1.8rem}.bts-nav-prev,.bts-nav-next,.slide-bg-blur{display:none}.bts-slide.swiper-slide-active{box-shadow:0 10px 30px #00000080}}.navbar-wrapper{position:fixed;top:1.4rem;left:50%;transform:translate(-50%);z-index:1000;border-radius:60px;padding:1.5px;background:linear-gradient(135deg,#e88b9bcc,#ffffff14 30%,#c9a96e99,#a78bfa80 70%,#e88b9bcc);background-size:300% 300%;animation:navBorderShimmer 8s ease infinite;box-shadow:0 16px 56px #000000a6,0 0 80px #e88b9b14,inset 0 0 0 .5px #ffffff08;transition:top .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1),box-shadow .4s ease,opacity .4s ease,transform .4s ease;will-change:transform}body.letter-open .navbar-wrapper{opacity:0;pointer-events:none;transform:translate(-50%,-100px)}.navbar-wrapper.scrolled{top:.6rem;box-shadow:0 8px 30px #000000bf,0 0 40px #e88b9b1f}@keyframes navBorderShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.navbar{position:relative;top:auto;left:auto;transform:none;width:auto;max-width:900px;padding:0;display:flex;align-items:center;gap:0;z-index:auto;background:#060305c7;backdrop-filter:blur(50px) saturate(200%);-webkit-backdrop-filter:blur(50px) saturate(200%);border:none;border-radius:60px;box-shadow:inset 0 1px #ffffff0f;overflow:hidden;transition:all .4s ease}.nav-active-pill{position:absolute;height:calc(100% - 10px);top:5px;left:0;border-radius:40px;background:linear-gradient(135deg,#e88b9b2e,#c9a96e1f);border:1px solid rgba(232,139,155,.25);pointer-events:none;transition:left .4s cubic-bezier(.4,0,.2,1),width .4s cubic-bezier(.4,0,.2,1),opacity .3s ease;opacity:0;z-index:0;will-change:left,width}.nav-active-pill.visible{opacity:1}.nav-logo{font-family:var(--font-heading);font-size:.95rem;font-style:italic;letter-spacing:1px;color:#f0e6e4cc;transition:opacity .7s ease-in-out,color .3s ease;white-space:nowrap;padding:.9rem 1.8rem .9rem 2.2rem;position:relative;cursor:pointer}.nav-logo:after{content:"";position:absolute;right:0;top:20%;height:60%;width:1px;background:linear-gradient(to bottom,transparent,rgba(232,139,155,.45),transparent)}.nav-logo.fade-out{opacity:0}.nav-links{display:flex;align-items:center;justify-content:center;padding:.4rem 1.2rem .4rem .8rem;gap:0;position:relative}.nav-links a{color:#f0e6e473;text-decoration:none;padding:.6rem 1.05rem;font-size:.6rem;letter-spacing:2.5px;font-weight:500;white-space:nowrap;border-radius:40px;position:relative;z-index:1;transition:color .3s ease}.nav-links a:hover{color:#f0e6e4e6}.nav-links a.active{color:var(--accent-color)}.nav-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:.8rem 1.4rem;cursor:pointer;border:none;background:none;margin-left:auto}.nav-hamburger span{display:block;width:22px;height:1.5px;background:#f0e6e4bf;border-radius:2px;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .3s ease,width .3s ease;transform-origin:center}.nav-hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0;width:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.mobile-nav-drawer{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#060305f7;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);z-index:999;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;opacity:0;pointer-events:none;transition:opacity .4s ease}.mobile-nav-drawer.open{opacity:1;pointer-events:auto}.mobile-nav-drawer a{font-family:var(--font-heading);font-size:2.5rem;font-style:italic;color:#f0e6e499;text-decoration:none;letter-spacing:3px;transition:color .3s ease,transform .3s ease;transform:translateY(20px);opacity:0;transition:color .3s ease,transform .5s cubic-bezier(.4,0,.2,1),opacity .5s ease}.mobile-nav-drawer.open a{transform:translateY(0);opacity:1}.mobile-nav-drawer.open a:nth-child(1){transition-delay:.05s}.mobile-nav-drawer.open a:nth-child(2){transition-delay:.1s}.mobile-nav-drawer.open a:nth-child(3){transition-delay:.15s}.mobile-nav-drawer.open a:nth-child(4){transition-delay:.2s}.mobile-nav-drawer.open a:nth-child(5){transition-delay:.25s}.mobile-nav-drawer a:hover{color:var(--accent-color);transform:translateY(-3px)}.mobile-drawer-close{position:absolute;top:1.5rem;right:1.5rem;font-size:1.8rem;color:#f0e6e480;cursor:pointer;background:none;border:none;line-height:1;transition:color .3s ease,transform .3s ease}.mobile-drawer-close:hover{color:var(--accent-color);transform:rotate(90deg)}.mobile-nav-deco{position:absolute;bottom:3rem;font-family:var(--font-heading);font-size:.85rem;letter-spacing:6px;color:#e88b9b4d;font-style:italic}section{min-height:100vh;padding:8rem 2rem;display:flex;align-items:center;justify-content:center;position:relative}.container{max-width:1200px;margin:0 auto;width:100%}.section-header{text-align:center;margin-bottom:2.5rem}.section-header h2{font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,6rem);margin-bottom:.5rem;color:#fff;letter-spacing:4px;position:relative;display:inline-block}.section-header h2:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:0%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-color),var(--accent-gold),var(--accent-color),transparent);border-radius:2px;transition:width .8s ease .4s}.section-header h2.line-revealed:after{width:60%}.sub-header{font-size:1.1rem;color:#e88b9bd9;margin-top:.5rem;margin-bottom:.5rem;font-style:italic;letter-spacing:1px;max-width:800px;margin-left:auto;margin-right:auto}.section-header:before{content:"— 꽃 —";display:block;font-family:var(--font-heading);font-size:1rem;color:var(--accent-gold);opacity:.5;letter-spacing:8px;margin-bottom:1.5rem}.hero-section{padding:0;overflow:hidden;background:var(--bg-color);height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.hero-bg-blur{position:absolute;top:-5%;left:-5%;width:110%;height:110%;background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(25px) brightness(.5);z-index:0}.hero-bg{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);background-image:url(/herosection.webp);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1;clip-path:circle(100% at 50% 50%);transition:clip-path 1.5s cubic-bezier(.7,0,.3,1);will-change:transform,opacity,clip-path}.hero-bg.iris-open{clip-path:circle(0% at 50% 50%)}.hero-bg.animating{animation:lensFlash .8s ease-out}@keyframes lensFlash{0%{filter:brightness(1) contrast(1)}50%{filter:brightness(1.5) contrast(1.1)}to{filter:brightness(1) contrast(1)}}@keyframes slowZoom{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.1)}}.hero-bg.active-slide{animation:slowZoom 20s ease-in-out infinite alternate}@media (max-width: 799px){#hero-slider-bg-0{background-image:url(/herosection.webp);opacity:1;visibility:visible;clip-path:circle(100% at 50% 50%);animation:none}}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 0%,rgba(13,10,11,.2) 60%,rgba(13,10,11,.8) 100%);z-index:10;pointer-events:none}.hero-slider-btn{position:absolute;top:50%;transform:translateY(-50%);background:#0d0a0b80;border:1px solid rgba(232,139,155,.3);color:var(--accent-color);font-size:1.3rem;width:50px;height:50px;border-radius:50%;cursor:pointer;z-index:30;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-slider-btn:hover{background:#e88b9b33;border-color:var(--accent-color);transform:translateY(-50%) scale(1.1);box-shadow:0 0 20px #e88b9b4d}.prev-btn{left:2vw}.next-btn{right:2vw}.hero-content{position:relative;text-align:center;z-index:20;width:100%;max-width:100vw;padding:0 5%;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-content h1{font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,5.5rem);line-height:.92;margin:0;overflow:hidden;color:#fff;text-shadow:0 4px 40px rgba(0,0,0,.6)}.hero-content h1.highlight{color:var(--accent-color);text-shadow:0 0 60px rgba(232,139,155,.5),0 4px 40px rgba(0,0,0,.4)}@media (min-width: 1024px){.hero-content h1{color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.8),0 0 40px rgba(232,139,155,.2)}.hero-content h1.highlight{color:#f472b6;text-shadow:0 0 30px rgba(232,139,155,.6),0 4px 15px rgba(0,0,0,.7)}.hero-personal{color:#fffffff2!important;text-shadow:0 2px 10px rgba(0,0,0,1)!important;font-weight:500}.marquee-content span{color:#ffffffb3}.marquee-content .highlight{text-shadow:0 0 20px rgba(232,139,155,.4)}}.hero-sub{margin-top:1.5rem;letter-spacing:6px;font-weight:300;font-size:1rem;color:#f0e6e499}.letters-section{background:linear-gradient(160deg,#0a0612,#120a1e 40%,#1a0d2e,#0d0614);overflow:hidden;position:relative}.letters-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 30%,rgba(124,58,237,.12) 0%,transparent 55%),radial-gradient(ellipse at 80% 70%,rgba(232,139,155,.08) 0%,transparent 55%),radial-gradient(ellipse at 50% 50%,rgba(124,58,237,.06) 0%,transparent 70%);pointer-events:none;animation:btsAmbient 8s ease-in-out infinite alternate}@keyframes btsAmbient{0%{opacity:.7}to{opacity:1}}.letters-section .section-header:before{display:none}.bts-hangul-deco{font-family:var(--font-heading);font-size:.85rem;letter-spacing:6px;color:#a78bfa99;margin-bottom:.5rem;text-transform:uppercase}.letters-section .section-header h2{font-size:clamp(2.8rem,8vw,5.5rem);background:linear-gradient(135deg,#a78bfa,#e88b9b,#c9a96e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:6px}.letters-section .section-header h2:after{background:linear-gradient(90deg,transparent,#7c3aed,#a78bfa,#7c3aed,transparent)}.letters-hangul-sub{font-family:var(--font-heading);font-style:italic;font-size:1.05rem;color:#a78bfa8c;letter-spacing:2px;margin-bottom:.5rem}.letters-swiper{width:360px;height:500px;margin:0 auto}.letter-card{border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem 2.5rem 2.5rem;text-align:center;position:relative;background-image:url(/washi_envelope.png);background-size:cover;background-position:center;box-shadow:0 30px 70px #7c3aed40,0 0 0 1px #a78bfa26,0 0 60px #0009;overflow:hidden;transition:box-shadow .5s ease}.letter-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#f5ebfa38;border-radius:20px}.letter-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;background:linear-gradient(135deg,rgba(124,58,237,.08) 0%,transparent 60%,rgba(232,139,155,.05) 100%);opacity:0;transition:opacity .4s ease}.swiper-slide-active .letter-card:after{opacity:1}.letter-hangul-badge{position:absolute;top:1.2rem;left:1.4rem;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#7c3aedd9,#a78bfab3);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:1.1rem;color:#fff;z-index:3;box-shadow:0 4px 20px #7c3aed80;text-shadow:0 1px 4px rgba(0,0,0,.3)}.letter-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;height:100%}.letter-content p{font-family:var(--font-heading);font-size:1.65rem;line-height:1.6;color:#2c1a18;font-style:italic;text-shadow:0 1px 3px rgba(255,255,255,.6)}.letter-symbol{position:absolute;bottom:1.4rem;z-index:2;font-family:var(--font-heading);font-size:.8rem;letter-spacing:4px;color:#7c3aedb3;text-shadow:0 0 10px rgba(167,139,250,.4)}.letters-bts-footer{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:3rem}.letters-bts-footer p{font-family:var(--font-heading);font-style:italic;font-size:1.1rem;color:#a78bfab3;letter-spacing:2px;white-space:nowrap}.bts-purple-line{flex:1;max-width:120px;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.5))}.bts-purple-line:last-child{background:linear-gradient(90deg,rgba(124,58,237,.5),transparent)}.favorite-chapter-section{background:#f8f0ee}.favorite-chapter-section .section-header h2{color:var(--text-dark)}.favorite-chapter-section .section-header:before{color:var(--accent-color)}.favorite-chapter-section .section-header h2:after{background:linear-gradient(90deg,transparent,var(--accent-color),var(--text-dark),var(--accent-color),transparent)}.favorite-chapter-section .sub-header{color:#8c6a68}.photo-gallery-section{background:linear-gradient(160deg,#0d0a0b,#140a10)}.horizontal-gallery-wrapper{width:100vw;margin-left:calc(-50vw + 50%);overflow:hidden;padding:2rem 0}.horizontal-gallery{display:flex;gap:3rem;padding:2rem 5vw;width:max-content}.centered-gallery-wrapper{width:100%!important;margin-left:0!important;overflow:visible!important}.centered-gallery{width:100%!important;justify-content:center!important;flex-wrap:wrap!important;padding:2rem 1rem!important;gap:1.5rem!important}@media (max-width: 480px){.centered-gallery .photo-frame{flex:0 0 100%!important;max-width:320px!important;height:450px!important}.photo-gallery-section .section-header h2{font-size:2.5rem!important}}.photo-gallery-section{position:relative;overflow:hidden}.gallery-ambient-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(232,139,155,.12) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;animation:galleryPulse 6s ease-in-out infinite alternate}@keyframes galleryPulse{0%{transform:translate(-50%,-50%) scale(.9);opacity:.5}to{transform:translate(-50%,-50%) scale(1.2);opacity:1}}.featured-video-wrapper{display:flex;justify-content:center;margin-bottom:4rem}.video-card{width:320px;aspect-ratio:9 / 16;background:#000;border-radius:28px;overflow:visible;position:relative;cursor:pointer;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s ease;box-shadow:0 40px 80px #000000e6,0 0 0 1px #ffffff0f}.video-card>video{border-radius:28px;overflow:hidden}.video-card:hover{transform:translateY(-14px) scale(1.02);box-shadow:0 60px 100px #000000e6,0 0 60px #e88b9b4d,0 0 0 1px #e88b9b33}.video-frame-border{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:30px;background:linear-gradient(135deg,rgba(232,139,155,.9) 0%,rgba(201,169,110,.6) 25%,transparent 50%,rgba(167,139,250,.6) 75%,rgba(232,139,155,.9) 100%);z-index:-1;animation:frameSpin 8s linear infinite;opacity:.7}.video-card.playing .video-frame-border{opacity:1;animation-duration:4s}@keyframes frameSpin{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.video-card video{width:100%;height:100%;object-fit:cover;border-radius:28px;filter:brightness(.85);transition:filter .6s ease;display:block}.video-card.playing video,.video-card:hover video{filter:brightness(1)}.video-controls{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0000004d;transition:opacity .5s ease;pointer-events:none;z-index:5;border-radius:28px}.video-card.playing .video-controls{opacity:0}.play-pulse-ring{position:absolute;width:80px;height:80px;border-radius:50%;border:2px solid rgba(232,139,155,.6);animation:pulseRing 2s ease-out infinite}@keyframes pulseRing{0%{transform:scale(.9);opacity:1}to{transform:scale(1.8);opacity:0}}.play-icon{width:72px;height:72px;background:linear-gradient(135deg,var(--accent-color),#c9758a);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff;margin-bottom:1.5rem;position:relative;z-index:1;box-shadow:0 0 40px #e88b9b99,0 8px 20px #0006;transition:transform .4s ease,box-shadow .4s ease}.video-card:hover .play-icon{transform:scale(1.12);box-shadow:0 0 60px #e88b9bcc,0 8px 20px #0006}.video-hint{font-size:.7rem;color:#ffffffe6;text-transform:uppercase;letter-spacing:4px;font-weight:600;text-shadow:0 2px 10px rgba(0,0,0,.5)}.sound-toggle-btn{position:absolute;bottom:1.2rem;left:50%;transform:translate(-50%) translateY(20px);background:#0d0a0bbf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(232,139,155,.35);border-radius:50px;color:#fff;font-family:var(--font-body);font-size:.65rem;letter-spacing:2px;font-weight:600;padding:.5rem 1.1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;z-index:10;opacity:0;pointer-events:none;transition:opacity .4s ease,transform .4s ease,border-color .3s ease;white-space:nowrap}.sound-toggle-btn.visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.sound-toggle-btn.unmuted{border-color:#e88b9bb3;background:#e88b9b26}.sound-toggle-btn:hover{border-color:var(--accent-color);background:#e88b9b33}.sound-icon{font-size:.85rem}.phone-frame-mockup{position:relative;width:310px;background:linear-gradient(160deg,#1a1a2e,#16213e,#0f0e1a);border-radius:44px;padding:14px 12px 20px;box-shadow:0 0 0 1.5px #ffffff1f,0 0 0 3px #ffffff0a,0 40px 100px #000000e6,0 0 80px #e88b9b26,inset 0 0 20px #00000080;flex-shrink:0}.phone-frame-mockup:before{content:"";position:absolute;left:-3px;top:80px;width:3px;height:30px;background:#ffffff26;border-radius:2px 0 0 2px;box-shadow:0 40px #ffffff26,0 75px #ffffff26}.phone-frame-mockup:after{content:"";position:absolute;right:-3px;top:100px;width:3px;height:55px;background:#ffffff1f;border-radius:0 2px 2px 0}.phone-notch{width:100px;height:28px;background:#0d0a0b;border-radius:0 0 20px 20px;margin:0 auto 10px;position:relative;display:flex;align-items:center;justify-content:center;gap:8px}.phone-notch:before{content:"";width:12px;height:12px;border-radius:50%;background:#1a1a1a;border:2px solid #2a2a2a;box-shadow:0 0 6px #0096ff4d}.phone-notch:after{content:"";width:50px;height:8px;background:#111;border-radius:6px}.phone-screen{border-radius:28px;overflow:hidden;background:#000}.phone-home-bar{width:110px;height:4px;background:#ffffff40;border-radius:3px;margin:12px auto 0}.phone-tag{position:absolute;font-family:var(--font-body);font-size:.55rem;letter-spacing:3px;font-weight:600;text-transform:uppercase;pointer-events:none}.phone-tag-top{top:-2.2rem;left:50%;transform:translate(-50%);color:#c9a96ecc;white-space:nowrap;text-shadow:0 0 20px rgba(201,169,110,.4);animation:tagFloat 3s ease-in-out infinite alternate}.phone-tag-side{right:-.5rem;bottom:40%;transform:rotate(90deg) translate(50%);transform-origin:right center;color:#a78bfa8c;white-space:nowrap;font-size:.48rem}@keyframes tagFloat{0%{transform:translate(-50%) translateY(0)}to{transform:translate(-50%) translateY(-4px)}}.phone-screen .video-card{width:100%;border-radius:0;box-shadow:none}.phone-screen .video-card .video-frame-border{display:none}.phone-screen .video-card video{border-radius:0}.phone-screen .video-controls{border-radius:0}@media (max-width: 480px){.phone-frame-mockup{width:min(86vw,300px)}}.photo-frame{flex:0 0 340px;height:480px;background:transparent;padding:0;border-radius:16px;position:relative;cursor:pointer;will-change:transform;transform:translateZ(0);overflow:hidden;box-shadow:0 20px 60px #00000080;transition:box-shadow .5s ease}.photo-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,rgba(232,139,155,.4),transparent 50%,rgba(201,169,110,.3));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;z-index:3;pointer-events:none}.photo-frame:hover:before,.photo-frame.active-frame:before{opacity:1}.photo-frame:hover{box-shadow:0 30px 80px #000000b3,0 0 40px #e88b9b1f;z-index:10}.photo-img-wrapper{width:100%;height:100%;overflow:hidden;border-radius:16px;background-color:#0d0a0b}.photo-img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(60%) brightness(.85) saturate(.8);transform:scale(1);transition:filter .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1);will-change:filter,transform}.photo-frame:hover .photo-img,.photo-frame.active-frame .photo-img{filter:grayscale(0%) brightness(1.05) saturate(1.1);transform:scale(1.06)}.photo-frame.active-frame{box-shadow:0 30px 70px #0009,0 0 30px #e88b9b26;z-index:5}.wishes-section{background:linear-gradient(135deg,#0d0a0b,#12080e);position:relative}.wishes-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 50%,rgba(201,169,110,.06) 0%,transparent 60%),radial-gradient(ellipse at 80% 50%,rgba(232,139,155,.06) 0%,transparent 60%);pointer-events:none}.guestbook-form-container{max-width:620px;margin:0 auto 4rem;background:var(--glass-bg);padding:3rem;border-radius:20px;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 60px #0006,inset 0 1px #ffffff14}.guestbook-form input,.guestbook-form textarea{width:100%;padding:1.2rem 1.5rem;margin-bottom:1.2rem;background:#ffffff0a;border:1px solid rgba(232,139,155,.2);border-radius:10px;color:var(--text-color);font-family:var(--font-body);font-size:.95rem;transition:border-color .3s ease,background .3s ease}.guestbook-form input::placeholder,.guestbook-form textarea::placeholder{color:#f0e6e44d}.guestbook-form input:focus,.guestbook-form textarea:focus{outline:none;border-color:var(--accent-color);background:#e88b9b0d;box-shadow:0 0 0 3px #e88b9b1a}.guestbook-form textarea{resize:none}.submit-btn{width:100%;padding:1.2rem;background:linear-gradient(135deg,var(--accent-color),#d46b7a);color:#fff;border:none;border-radius:10px;font-family:var(--font-heading);font-size:1.3rem;cursor:pointer;letter-spacing:2px;transition:all .3s ease;position:relative;overflow:hidden}.submit-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s ease}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #e88b9b66}.submit-btn:hover:after{opacity:1}.wishes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.wish-card{background:var(--glass-bg);padding:2.5rem;border-left:3px solid var(--accent-color);border-radius:12px;border-top:1px solid var(--glass-border);border-right:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease}.wish-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000004d,0 0 20px #e88b9b0d}.wish-card p{font-style:italic;font-size:1.1rem;margin-bottom:1.5rem;color:#f0e6e4cc;line-height:1.7}.wish-card span{font-family:var(--font-heading);font-size:1.1rem;color:var(--accent-color)}.hero-eyebrow{font-family:var(--font-body);font-size:.75rem;letter-spacing:5px;color:#e88b9bb3;margin-bottom:1.5rem;text-transform:uppercase}.hero-personal{margin-top:1.5rem;font-family:Dancing Script,cursive;font-size:clamp(1.1rem,3vw,1.5rem);color:#f0e6e48c;font-style:normal;letter-spacing:.5px}.for-her-section{background:linear-gradient(160deg,#080310,#0f0720,#160824);position:relative;overflow:hidden}.for-her-bg-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 10% 20%,rgba(232,139,155,.07) 0%,transparent 50%),radial-gradient(ellipse at 90% 80%,rgba(124,58,237,.07) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(201,169,110,.04) 0%,transparent 60%);pointer-events:none;animation:forHerGlow 6s ease-in-out infinite alternate}@keyframes forHerGlow{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.reasons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.5rem;margin-bottom:5rem}.reason-card{background:#ffffff0a;border:1px solid rgba(232,139,155,.12);border-radius:20px;padding:2.2rem;transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease;position:relative;overflow:hidden;will-change:transform}.reason-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(232,139,155,.05) 0%,transparent 60%);border-radius:20px;opacity:0;transition:opacity .4s ease}.reason-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #0006,0 0 30px #e88b9b14;border-color:#e88b9b4d}.reason-card:hover:before{opacity:1}.reason-icon{font-size:2.2rem;margin-bottom:1.2rem;display:block;filter:drop-shadow(0 0 12px rgba(232,139,155,.4))}.reason-card h3{font-family:var(--font-heading);font-size:1.4rem;font-style:italic;color:var(--accent-color);margin-bottom:.8rem;letter-spacing:1px}.reason-card p{font-size:.9rem;color:#f0e6e499;line-height:1.75;letter-spacing:.3px}.utkarsh-note{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fff5f7,#ffe4e8)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;z-index:10001;display:block;overflow-y:auto;overflow-x:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:all .6s cubic-bezier(.4,0,.2,1);-webkit-overflow-scrolling:touch}.utkarsh-note.show{opacity:1;visibility:visible;pointer-events:auto}.note-modal-content{background-image:url(/assets/letter-CE9W7xgb.jpg)!important;background-size:cover!important;background-position:center!important;border:none!important;border-radius:20px;padding:6rem 2.5rem;max-width:800px;width:92%;margin:4rem auto;position:relative;box-shadow:0 40px 100px #0006;transform:translateY(30px);opacity:0;transition:all .8s cubic-bezier(.2,0,.2,1);height:auto;min-height:500px;text-align:center}.note-modal-content::-webkit-scrollbar{width:4px}.note-modal-content::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:10px}.utkarsh-note.show .note-modal-content{transform:scale(1) translateY(0);opacity:1}.modal-close-btn{position:fixed;top:2.5rem;right:2.5rem;background:#e88b9b1a;border:1px solid rgba(232,139,155,.3);color:#e88b9b;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);transition:all .4s cubic-bezier(.4,0,.2,1);z-index:10005;opacity:0;visibility:hidden;pointer-events:none}.utkarsh-note.show .modal-close-btn{opacity:1;visibility:visible;pointer-events:auto}.modal-close-btn:before,.modal-close-btn:after{content:"";position:absolute;width:18px;height:1.5px;background:currentColor;border-radius:2px}.modal-close-btn:before{transform:rotate(45deg)}.modal-close-btn:after{transform:rotate(-45deg)}.modal-close-btn:hover{background:var(--accent-color);color:#fff;transform:rotate(90deg) scale(1.1);border-color:var(--accent-color)}.modal-close-btn:hover{background:var(--accent-color);box-shadow:0 0 30px #e88b9b66}.note-glow{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(232,139,155,.2) 0%,transparent 70%);pointer-events:none;animation:noteGlow 4s ease-in-out infinite alternate}@keyframes noteGlow{0%{opacity:.5;transform:translate(-50%) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1.1)}}.note-from{font-family:var(--font-body);font-size:.7rem;letter-spacing:5px;color:#e88b9bcc;text-transform:uppercase;margin-bottom:2rem;position:relative;font-weight:500}.note-text{font-family:Great Vibes,cursive!important;font-size:clamp(1.4rem,3.5vw,2.3rem)!important;color:#1a1a1a!important;line-height:1.6;position:relative;font-weight:400;margin-bottom:2rem}.note-signature{margin-top:2rem;font-family:var(--font-heading);font-style:italic;font-size:1.1rem;color:#d46b7a;position:relative}.footer{padding:3rem 0;background:#060407;border-top:1px solid rgba(255,255,255,.05);overflow:hidden}.footer-minimal-container{width:100%}.footer-marquee-single{width:100%;overflow:hidden;white-space:nowrap;display:flex}.marquee-content{display:flex;align-items:center;animation:marquee-fast 60s linear infinite;padding:.5rem 0}.marquee-content span{font-size:.75rem;letter-spacing:4px;color:#fff6;text-transform:uppercase;font-weight:400;padding-right:3rem}.marquee-content .sep{color:var(--accent-color);opacity:.5;padding-right:3rem;font-size:.6rem}.marquee-content .highlight{color:#fff;opacity:1;font-weight:600;letter-spacing:5px}.marquee-content .signature{font-family:Cormorant Garamond,serif;font-style:italic;font-size:1.1rem;text-transform:none;color:var(--accent-color);letter-spacing:1px}@keyframes marquee-fast{0%{transform:translate(0)}to{transform:translate(-50%)}}.note-toggle-wrapper{margin-top:3rem;text-align:center}.cute-btn{background:#e88b9b1a;border:1px solid rgba(232,139,155,.3);padding:.8rem 2.2rem;border-radius:50px;color:#fff;font-family:var(--font-body);font-size:.8rem;letter-spacing:3px;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:inline-flex;align-items:center;gap:15px}.letter-box-btn{padding:0!important;width:80px;height:80px;justify-content:center;border-radius:50%!important;background:#ffffff0d!important;border:1px solid rgba(232,139,155,.4)!important;box-shadow:0 10px 30px #e88b9b33}.letter-box-btn .btn-logo{width:100%;height:100%;margin:0;border:none;box-shadow:none;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.letter-box-btn:hover .btn-logo{transform:scale(1.1) rotate(5deg)}.utkarsh-note::-webkit-scrollbar{width:8px}.utkarsh-note::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.utkarsh-note::-webkit-scrollbar-thumb{background:#e88b9b66;border-radius:10px;border:2px solid transparent;background-clip:content-box}.utkarsh-note::-webkit-scrollbar-thumb:hover{background:#e88b9bcc;background-clip:content-box}.cute-btn:hover{background:#e88b9b40;border-color:var(--accent-color);transform:translateY(-5px);box-shadow:0 15px 35px #e88b9b33}.cute-btn span{position:relative;z-index:2}.btn-bubble{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:100%;height:100%;background:radial-gradient(circle,var(--accent-color) 0%,transparent 70%);opacity:0;transition:all .6s ease;z-index:1}.cute-btn:active .btn-bubble{transform:translate(-50%,-50%) scale(2);opacity:.4}.js-enabled .reveal-text,.js-enabled .reveal-item{opacity:0;visibility:hidden}.gallery-section{background-color:var(--secondary-color)}.gallery-container{width:100%;height:80vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.parallax-img{position:absolute;top:-20%;left:0;width:100%;height:140%;background-size:cover;background-position:center;filter:brightness(.7)}.gallery-text{position:relative;z-index:2;text-align:center}.gallery-text h2{font-family:var(--font-heading);font-size:8rem;margin:0}.masonry-grid{column-count:3;column-gap:1.5rem;padding:2rem 0}.masonry-item{break-inside:avoid;margin-bottom:1.5rem;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px #0000000d;transition:transform .4s ease,box-shadow .4s ease}.masonry-item:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 15px 40px #0000001a}.masonry-item img{width:100%;height:auto;display:block;border-radius:8px;filter:sepia(15%);transition:filter .4s ease}.masonry-item:hover img{filter:sepia(0%)}.sticky-icon-container{position:fixed;top:50%;right:2rem;transform:translateY(-50%);z-index:500}.sticky-icon{font-size:2.5rem;filter:drop-shadow(0 0 10px rgba(232,139,155,.5))}.sakura-petal{position:fixed;top:-10%;z-index:9999;background:#ffb7c5;border-radius:100% 0;opacity:.5;pointer-events:none;animation:fall linear forwards;box-shadow:0 0 8px #ffb7c566}@keyframes fall{0%{transform:translateY(0) rotate(0) translate(0);opacity:0}10%{opacity:.5}50%{transform:translateY(60vh) rotate(180deg) translate(30px)}90%{opacity:.5}to{transform:translateY(120vh) rotate(360deg) translate(-20px);opacity:0}}@media (max-width: 900px){.navbar-wrapper{top:.8rem;animation:none;background:linear-gradient(135deg,#e88b9b80,#c9a96e4d,#a78bfa66)}.navbar-wrapper.scrolled{top:.4rem}.navbar{justify-content:space-between;padding-right:0}.nav-links{display:none!important}.nav-hamburger,.mobile-nav-drawer{display:flex}.nav-active-pill{display:none}.nav-logo{font-size:.9rem;padding:.85rem 1rem .85rem 1.6rem;letter-spacing:2px}.nav-logo:after{display:none}}@media (max-width: 768px){section{padding:6rem 1.5rem}.hero-section{padding:0}.hero-content{padding-top:0}.section-header h2{font-size:2.2rem;letter-spacing:2px}.section-header:before{font-size:.8rem}.navbar-wrapper{padding:.75rem}.navbar{width:100%}.hero-bg-blur{filter:blur(8px) brightness(.4)}.navbar{backdrop-filter:none;-webkit-backdrop-filter:none;background:#060305fa}.grain-overlay{display:none!important}.hero-bg.active-slide{animation:none!important}.for-her-bg-glow,.gallery-ambient-glow{display:none}.photo-frame{will-change:auto}.hero-bg{background-size:cover;width:100%;height:100%}.hero-content h1{font-size:clamp(2.4rem,11vw,4rem);line-height:.95}.letters-section:before{animation:none;opacity:.8}.for-her-bg-glow,.note-glow{animation:none;transform:none}.letters-swiper{width:300px;height:440px}.letter-content p{font-size:1.5rem}.gallery-text h2{font-size:4rem}.masonry-grid{column-count:2}.photo-frame{flex:0 0 80vw;height:80vw;max-height:380px;border-radius:16px;padding:0;scroll-snap-align:center}.horizontal-gallery-wrapper{padding:1rem 0}.horizontal-gallery{width:100%;padding:1rem 10vw;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.horizontal-gallery::-webkit-scrollbar{display:none}.guestbook-form-container{padding:2rem 1.5rem}.favorite-chapter-section .section-header h2{font-size:2.5rem}}@media (max-width: 480px){.masonry-grid{column-count:1}}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:20;opacity:.7;transition:opacity .5s ease}.mouse{width:26px;height:42px;border:2px solid var(--accent-color);border-radius:15px;position:relative}.wheel{width:4px;height:8px;background:var(--accent-color);position:absolute;top:6px;left:50%;transform:translate(-50%);border-radius:2px;animation:scroll-wheel 1.6s ease-in-out infinite}.scroll-text{font-size:.6rem;letter-spacing:3px;color:var(--accent-color);font-weight:500}@keyframes scroll-wheel{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(15px);opacity:0}}@media (max-width: 480px){.hero-content{padding-top:0}.hero-content h1{font-size:2.2rem!important;letter-spacing:1px}.hero-name-muskan{font-size:3rem!important;margin-top:.4rem!important}.bday-badge-inner{font-size:.55rem;padding:.4rem 1rem}.hero-eyebrow{font-size:.6rem;letter-spacing:3px}.masonry-grid{column-count:1}}@media (max-width: 768px){.note-modal-content{padding:3rem 1.5rem;width:95%;border-radius:24px}.note-text{font-size:1.15rem!important;line-height:1.8}.note-signature{font-size:1.4rem!important}.modal-close-btn{top:1.5rem;right:1.5rem;width:40px;height:40px;background:#0a060c99}.modal-close-btn:before,.modal-close-btn:after{width:16px}.ai-magic-cake{font-size:2.5rem;margin-top:1.5rem}}#letter-passcode-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10500;display:flex;align-items:center;justify-content:center;background-image:url(https://images.unsplash.com/photo-1490750967868-88df5691cc56?w=1200&q=85&auto=format&fit=crop);background-size:cover;background-position:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease,visibility .4s ease;overflow:hidden}#letter-passcode-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#ffdceb8c,#fff0f873,#fad7e699);z-index:0}#letter-passcode-overlay.lpo-show{opacity:1;visibility:visible;pointer-events:all}#letter-passcode-overlay.lpo-exit{animation:lpoExit .7s 1.3s cubic-bezier(.7,0,1,1) forwards}@keyframes lpoExit{to{opacity:0;transform:scale(1.04)}}.lpo-orb{position:absolute;pointer-events:none;font-size:2rem;animation:lpoFlowerFloat ease-in-out infinite;z-index:1;opacity:.55;filter:drop-shadow(0 2px 6px rgba(220,100,130,.25))}.lpo-orb1{top:8%;left:6%;font-size:2.8rem;animation-duration:7s;animation-delay:0s}.lpo-orb1:before{content:"🌼"}.lpo-orb2{top:12%;right:8%;font-size:2.2rem;animation-duration:9s;animation-delay:1.5s}.lpo-orb2:before{content:"🌸"}.lpo-orb3{bottom:10%;left:10%;font-size:2.5rem;animation-duration:8s;animation-delay:.8s}.lpo-orb3:before{content:"🌺"}@keyframes lpoFlowerFloat{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-14px) rotate(8deg)}}.lpo-star{position:absolute;width:5px;height:5px;border-radius:50%;animation:lpoSparkle ease-in-out infinite;pointer-events:none;z-index:1}@keyframes lpoSparkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}}.lpo-card{position:relative;z-index:10;background:#ffffffb8;border:1.5px solid rgba(255,160,190,.45);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:32px;padding:2.8rem 2.4rem 2rem;max-width:400px;width:90%;text-align:center;box-shadow:0 0 0 1px #ffffffe6,0 20px 60px #dc50782e,0 8px 24px #00000014;transform:translateY(40px) scale(.9);opacity:0;transition:transform .7s cubic-bezier(.34,1.56,.64,1),opacity .5s ease}#letter-passcode-overlay.lpo-show .lpo-card{transform:translateY(0) scale(1);opacity:1}.lpo-card:before{content:"🌸 ✨ 🌸";position:absolute;top:-1.2rem;left:50%;transform:translate(-50%);font-size:1.3rem;letter-spacing:6px;white-space:nowrap}.lpo-icon{font-size:2.8rem;margin-bottom:.4rem;animation:lpoIconPulse 3s ease-in-out infinite}@keyframes lpoIconPulse{0%,to{transform:scale(1) rotate(-3deg);filter:drop-shadow(0 0 8px rgba(220,80,130,.4))}50%{transform:scale(1.12) rotate(3deg);filter:drop-shadow(0 0 18px rgba(220,80,130,.7))}}.lpo-title{font-family:Cormorant Garamond,Georgia,serif;font-size:2rem;font-weight:400;font-style:italic;color:#b5375a;margin:0 0 .25rem;line-height:1.2}.lpo-subtitle{font-size:.68rem;letter-spacing:3px;text-transform:uppercase;color:#b4466499;margin-bottom:1.8rem}.lpo-digits{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.2rem}.lpo-digit{width:46px;height:56px;background:#fffc;border:2px solid rgba(220,130,160,.4);border-radius:14px;color:#b5375a;font-family:Cormorant Garamond,serif;font-size:1.6rem;font-weight:600;text-align:center;outline:none;caret-color:#e8698a;transition:border-color .25s,box-shadow .25s,background .25s,transform .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:0 2px 8px #dc50781a}.lpo-digit:focus{border-color:#e8698a;background:#ffebf2f2;box-shadow:0 0 0 3px #e8698a33,0 4px 12px #e8698a26;transform:translateY(-3px) scale(1.08)}.lpo-digit.filled{border-color:#dc648cb3;background:#ffe6f0e6;color:#b5375a}.lpo-digit.lpo-err{border-color:#dc3c50cc!important;background:#ffdce1e6!important;color:#c02040!important}.lpo-shake{animation:lpoShake .5s cubic-bezier(.36,.07,.19,.97) forwards}@keyframes lpoShake{10%,90%{transform:translate(-5px)}20%,80%{transform:translate(7px)}30%,50%,70%{transform:translate(-7px)}40%,60%{transform:translate(7px)}}.lpo-error{font-size:.68rem;letter-spacing:2px;color:#c04060;text-transform:uppercase;min-height:1rem;margin-bottom:.8rem;opacity:0;transition:opacity .3s}.lpo-error.show{opacity:1}.lpo-btn{width:100%;padding:.9rem;border:none;border-radius:50px;background:linear-gradient(135deg,#e8698a,#f0a0b8);color:#fff;font-size:.74rem;font-family:Montserrat,sans-serif;font-weight:500;letter-spacing:3px;text-transform:uppercase;cursor:pointer;transition:transform .2s,box-shadow .25s;box-shadow:0 8px 24px #e8698a73;margin-bottom:.6rem}.lpo-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #e8698a99}.lpo-btn:active{transform:translateY(0)}.lpo-btn:disabled{opacity:.4;cursor:default;transform:none}.lpo-cancel{background:none;border:none;color:#b4466473;font-size:.68rem;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:color .25s;width:100%;padding:.3rem;font-family:Montserrat,sans-serif}.lpo-cancel:hover{color:#b44664cc}.lpo-success{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:32px;background:#fff0f8eb;opacity:0;pointer-events:none;transition:opacity .4s ease}.lpo-success.show{opacity:1;pointer-events:all}.lpo-success-icon{font-size:3.5rem;animation:lpoSuccessPop .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes lpoSuccessPop{0%{transform:scale(0) rotate(-20deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.lpo-success-text{font-family:Cormorant Garamond,serif;font-size:1.5rem;font-style:italic;color:#b5375a;margin-top:.8rem;animation:lpoFadeUp .6s .3s both}@keyframes lpoFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.lpo-digit{width:40px;height:50px;font-size:1.4rem}.lpo-digits{gap:.4rem}.lpo-card{padding:2.4rem 1.6rem 1.6rem}}#personal-note .note-modal-content{transform-origin:center top;transition:transform .8s cubic-bezier(.34,1.56,.64,1),opacity .6s ease}#personal-note .note-text{font-size:1.15rem;line-height:2;color:#4a2c2a;text-align:left;margin-top:2rem;padding:0 1rem;position:relative}#personal-note .note-text:before{content:"“";position:absolute;top:-20px;left:-10px;font-size:4rem;color:#e88b9b33;font-family:var(--font-heading);line-height:1}#open-note-btn{animation:gentleFloat 4s ease-in-out infinite;position:relative;overflow:hidden}#open-note-btn:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0);transform:rotate(45deg) translateY(-100%);animation:shineSweep 6s infinite}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shineSweep{0%,70%{transform:rotate(45deg) translateY(-100%) translate(-100%)}to{transform:rotate(45deg) translateY(100%) translate(100%)}}.note-glow{filter:blur(40px);opacity:.8;animation:pulseGlow 4s ease-in-out infinite alternate}@keyframes pulseGlow{0%{transform:scale(1);opacity:.6}to{transform:scale(1.1);opacity:.9}}.fade-in-para{opacity:0;transform:translateY(15px);animation:paraEntrance 1s ease-out forwards}@keyframes paraEntrance{to{opacity:1;transform:translateY(0)}}