@import "https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;700&family=Poppins:wght@300;400;500;600&family=Amiri:wght@400;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#1a0a0f;min-height:100vh;font-family:Poppins,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#1a0a0f}::-webkit-scrollbar-thumb{background:#c41e3a;border-radius:3px}#root{min-height:100vh}:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size:44px}.swiper-button-prev,.swiper-button-next{width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;color:var(--swiper-navigation-color,var(--swiper-theme-color));justify-content:center;align-items:center;display:flex;position:absolute}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) ::slotted(svg),:is(.swiper-button-prev,.swiper-button-next) svg{object-fit:contain;transform-origin:50%;fill:currentColor;pointer-events:none;width:100%;height:100%}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-button-prev ::slotted(.swiper-navigation-icon),.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset,4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset,4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0;right:auto}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset,4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.swiper-pagination{text-align:center;z-index:10;transition:opacity .3s;position:absolute;transform:translate(0,0)}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);width:100%;left:0}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);display:inline-block}button.swiper-pagination-bullet{box-shadow:none;appearance:none;border:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{width:8px;top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,top .2s;display:inline-block}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{white-space:nowrap;left:50%;transform:translate(-50%)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));transform-origin:0 0;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(0)}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:100% 0}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);top:0;left:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size,4px);height:100%;top:0;left:0}.swiper-pagination-lock{display:none}.app{background:#1a0a0f;min-height:100vh}.gate-container{background:radial-gradient(#2d0a1a 0%,#1a0a0f 70%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.gate-container:before{content:"";background:radial-gradient(circle,#c41e3a26,#0000 70%);border-radius:50%;width:400px;height:400px;animation:4s ease-in-out infinite gatePulse;position:absolute}@keyframes gatePulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.gate-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;z-index:2;background:#1e0a12d9;border:1px solid #c41e3a4d;border-radius:24px;width:90%;max-width:420px;padding:48px 40px;position:relative;box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff0d}.gate-card.shake{animation:.5s ease-in-out shakeCard}@keyframes shakeCard{0%,to{transform:translate(0)}10%,50%,90%{transform:translate(-8px)}30%,70%{transform:translate(8px)}}.gate-hearts{letter-spacing:8px;color:#c41e3a;margin-bottom:16px;font-size:24px}.gate-title{color:#fff;margin-bottom:8px;font-family:Dancing Script,cursive;font-size:36px}.gate-subtitle{color:#fff9;margin-bottom:8px;font-size:14px;font-weight:300}.gate-date-label{color:#e88ca5;margin-bottom:24px;font-family:Dancing Script,cursive;font-size:18px}.date-inputs{justify-content:center;align-items:center;gap:8px;margin-bottom:20px;display:flex}.date-box{color:#fff;text-align:center;caret-color:#c41e3a;background:#c41e3a1a;border:2px solid #c41e3a4d;border-radius:12px;outline:none;width:64px;height:56px;font-family:Poppins,sans-serif;font-size:22px;font-weight:500;transition:all .3s}.date-box.year-box{width:90px}.date-box:focus{background:#c41e3a33;border-color:#c41e3a;box-shadow:0 0 20px #c41e3a33}.date-box::placeholder{color:#fff3;font-size:14px}.date-sep{color:#c41e3a;font-size:24px;font-weight:700}.gate-error{color:#e88ca5;margin-bottom:16px;font-size:13px;font-style:italic;animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.gate-btn{color:#fff;cursor:pointer;letter-spacing:1px;background:linear-gradient(135deg,#c41e3a,#e91e63);border:none;border-radius:50px;padding:14px 40px;font-family:Poppins,sans-serif;font-size:16px;font-weight:500;transition:all .3s;box-shadow:0 4px 20px #c41e3a66}.gate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 30px #c41e3a99}.gate-btn:active{transform:translateY(0)}.floating-heart{color:#c41e3a;pointer-events:none;z-index:100;font-size:20px;animation:1.5s ease-out forwards floatUp;position:fixed}@keyframes floatUp{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-120px)scale(1.5)rotate(20deg)}}.romantic-page{position:relative;overflow:hidden}.bg-particles{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.particle{color:#c41e3a;animation:linear infinite particleRise;position:absolute;bottom:-20px}@keyframes particleRise{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-110vh)rotate(360deg)}}.romantic-header{text-align:center;background:radial-gradient(#2d0a1a 0%,#1a0a0f 60%);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex;position:relative}.header-content{opacity:0;transition:all 1.2s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.header-content.visible{opacity:1;transform:translateY(0)}.header-hearts{margin-bottom:20px}.heart-deco{color:#c41e3a;margin:0 16px;font-size:32px;animation:1.5s ease-in-out infinite heartBeat;display:inline-block}.heart-deco.right{animation-delay:.2s}@keyframes heartBeat{0%,to{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(1)}45%{transform:scale(1.1)}}.main-title{margin-bottom:24px;font-family:Dancing Script,cursive}.title-line{color:#fff;font-size:clamp(40px,8vw,80px);line-height:1.1;display:block}.title-line.accent{color:#c41e3a;text-shadow:0 0 40px #c41e3a80}.subtitle{color:#fff9;margin-bottom:32px;font-size:clamp(16px,3vw,22px);font-style:italic;font-weight:300}.header-line{background:linear-gradient(90deg,#0000,#c41e3a,#0000);width:80px;height:2px;margin:0 auto}.romantic-section{text-align:center;z-index:1;padding:80px 20px;position:relative}.section-content{opacity:0;max-width:700px;margin:0 auto;transition:all 1s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.section-content.visible{opacity:1;transform:translateY(0)}.romantic-text{color:#fffc;letter-spacing:.3px;font-size:clamp(16px,2.5vw,20px);font-weight:300;line-height:1.9}.arabic-text{color:#e88ca5;direction:rtl;font-family:Amiri,serif;font-size:clamp(18px,2.5vw,24px);line-height:2.2}.section-title{color:#c41e3a;margin-bottom:8px;font-family:Dancing Script,cursive;font-size:clamp(30px,5vw,48px)}.section-subtitle{color:#fff6;margin-bottom:40px;font-size:14px;font-weight:300}.carousel-section{padding:60px 20px 100px}.carousel-container{-webkit-user-select:none;user-select:none;max-width:1000px;margin:0 auto;padding:20px 0;position:relative}.swiper-carousel{width:100%;padding:40px 0 60px}.swiper-carousel .swiper-slide{border-radius:16px;width:280px;height:400px;transition:all .5s cubic-bezier(.25,.46,.45,.94);overflow:visible}.swiper-carousel .swiper-slide-active{opacity:1;z-index:10;box-shadow:0 20px 60px #c41e3a66}.swiper-carousel .swiper-slide-prev,.swiper-carousel .swiper-slide-next{opacity:1}.swiper-carousel .swiper-button-next,.swiper-carousel .swiper-button-prev{color:#c41e3a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e0a12cc;border:2px solid #c41e3a66;border-radius:50%;width:44px;height:44px}.swiper-carousel .swiper-button-next:after,.swiper-carousel .swiper-button-prev:after{font-size:16px}.swiper-carousel .swiper-button-next:hover,.swiper-carousel .swiper-button-prev:hover{background:#c41e3a4d;border-color:#c41e3a}.swiper-carousel .swiper-pagination-bullet{opacity:1;background:#c41e3a4d;width:10px;height:10px}.swiper-carousel .swiper-pagination-bullet-active{background:#c41e3a;transform:scale(1.3);box-shadow:0 0 10px #c41e3a80}.carousel-card{cursor:pointer;border-radius:16px;width:100%;height:100%;overflow:hidden;box-shadow:0 10px 40px #0006}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.16,1,.3,1);position:relative}.card-inner.flipped{transform:rotateY(180deg)}.card-front,.card-back{backface-visibility:hidden;border-radius:16px;width:100%;height:100%;position:absolute;overflow:hidden}.card-front img{object-fit:cover;width:100%;height:100%}.card-overlay{background:linear-gradient(#0000,#0009);justify-content:flex-end;padding:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.card-number{color:#fff;background:#c41e3acc;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:flex}.card-back{justify-content:center;align-items:center;display:flex;transform:rotateY(180deg)}.card-back-content{text-align:center;color:#fff;padding:30px 20px}.back-heart{opacity:.6;margin:8px 0;font-size:28px;display:block}.back-heart.large{opacity:.8;font-size:36px}.back-title{margin:12px 0;font-family:Dancing Script,cursive;font-size:22px}.back-text{opacity:.9;font-size:14px;font-weight:300;line-height:1.6}.lightbox{z-index:9999;cursor:pointer;background:#00000003;justify-content:center;align-items:center;width:100%;height:100%;animation:.4s cubic-bezier(.16,1,.3,1) lightboxFadeIn;display:flex;position:fixed;top:0;left:0;overflow:hidden}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}.lightbox-open{overflow:hidden}.lightbox-card{perspective:1000px;width:400px;max-width:90vw;max-height:85vh;animation:.4s cubic-bezier(.16,1,.3,1) forwards cardScaleIn;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}@keyframes cardScaleIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.lightbox-inner{width:100%;height:500px;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.16,1,.3,1)}.lightbox-inner.flipped{transform:rotateY(180deg)}.lightbox-front,.lightbox-back{backface-visibility:hidden;border-radius:20px;width:100%;height:100%;position:absolute;overflow:hidden}.lightbox-front img{object-fit:cover;border-radius:20px;width:100%;height:100%;box-shadow:0 20px 60px #00000080}.lightbox-back{border-radius:20px;justify-content:center;align-items:center;display:flex;transform:rotateY(180deg)}.lightbox-back-content{text-align:center;color:#fff;border-radius:20px;padding:40px}.lightbox-back-content h2{margin:16px 0;font-family:Dancing Script,cursive;font-size:32px}.lightbox-back-content p{opacity:.9;font-size:18px;font-weight:300;line-height:1.7}.lightbox-nav{justify-content:center;align-items:center;gap:24px;margin-top:20px;display:flex}.lightbox-arrow{color:#c41e3a;cursor:pointer;background:#1e0a1299;border:2px solid #c41e3a80;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;transition:all .3s;display:flex}.lightbox-arrow:hover{background:#c41e3a4d;border-color:#c41e3a}.lightbox-counter{color:#fff9;font-size:14px;font-weight:300}.flip-hint{text-align:center;color:#fff6;margin-top:16px;font-size:13px;font-style:italic}.quote-section{background:linear-gradient(#0000,#c41e3a0d,#0000)}.quote-box{max-width:600px;margin:0 auto;padding:40px;position:relative}.quote-mark{color:#c41e3a;opacity:.3;font-family:Dancing Script,cursive;font-size:80px;line-height:1;position:absolute;top:-10px;left:0}.quote-text{color:#e88ca5;font-family:Dancing Script,cursive;font-size:clamp(22px,4vw,32px);font-style:italic;line-height:1.6}.quote-author{color:#fff6;margin-top:20px;font-size:14px;font-weight:300;display:block}.romantic-footer{text-align:center;z-index:1;padding:60px 20px 120px;position:relative}.footer-hearts{color:#c41e3a;letter-spacing:12px;margin-bottom:16px;font-size:20px}.footer-text{color:#fff;margin-bottom:8px;font-family:Dancing Script,cursive;font-size:28px}.footer-date{color:#fff6;font-size:14px;font-weight:300}.music-player{z-index:100;background:linear-gradient(#14080e00,#14080ef2 30%);padding:20px;position:fixed;bottom:0;left:0;right:0}.player-inner{align-items:center;gap:16px;max-width:500px;margin:0 auto;display:flex}.play-btn{color:#c41e3a;cursor:pointer;background:#c41e3a26;border:2px solid #c41e3a;border-radius:50%;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;font-size:20px;transition:all .3s;display:flex}.play-btn:hover{background:#c41e3a4d;transform:scale(1.05)}.play-icon{font-size:22px}.bars{align-items:flex-end;gap:3px;height:20px;display:flex}.bar{background:#c41e3a;border-radius:2px;width:3px;animation:.8s ease-in-out infinite alternate barDance}.bar:first-child{height:8px;animation-delay:0s}.bar:nth-child(2){height:16px;animation-delay:.15s}.bar:nth-child(3){height:10px;animation-delay:.3s}.bar:nth-child(4){height:18px;animation-delay:.1s}.bar:nth-child(5){height:6px;animation-delay:.25s}@keyframes barDance{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.player-info{flex:1;min-width:0}.song-name{color:#ffffffb3;margin-bottom:6px;font-size:13px;font-weight:300;display:block}.progress-bar{cursor:pointer;background:#c41e3a33;border-radius:2px;width:100%;height:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#c41e3a,#e91e63);border-radius:2px;height:100%;transition:width .3s linear}.time-info{color:#ffffff4d;justify-content:space-between;margin-top:4px;font-size:11px;display:flex}.music-note{color:#c41e3a80;font-size:18px;transition:all .3s}.music-note.bouncing{color:#c41e3a;animation:1s ease-in-out infinite noteBounce}@keyframes noteBounce{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-4px)rotate(10deg)}50%{transform:translateY(0)rotate(0)}75%{transform:translateY(-4px)rotate(-10deg)}}.music-hint{text-align:center;color:#ffffff4d;margin-top:8px;font-size:12px;font-weight:300;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.7}}@media (width<=1024px){.swiper-carousel .swiper-slide{width:220px;height:330px}}@media (width<=768px){.romantic-header{min-height:100svh;padding:60px 20px 80px}.heart-deco{margin:0 10px;font-size:26px}.romantic-section{padding:60px 20px}.carousel-section{padding:40px 12px 80px}.carousel-container{padding:10px 0}.swiper-carousel .swiper-slide{width:210px;height:310px}.lightbox-card{width:85vw}.lightbox-inner{height:65vh}.lightbox-back-content{padding:30px 24px}.lightbox-back-content h2{font-size:26px}.lightbox-back-content p{font-size:16px}.quote-box{padding:30px 16px}.quote-mark{font-size:60px}.gate-card{border-radius:20px;padding:40px 28px}.gate-title{font-size:30px}.date-box{width:58px;height:50px;font-size:18px}.date-box.year-box{width:78px}.romantic-footer{padding:50px 20px 100px}.footer-text{font-size:24px}.player-inner{gap:12px}.music-player{padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom))}.music-hint{margin-bottom:env(safe-area-inset-bottom,0);font-size:11px}}@media (width<=480px){:root{font-size:15px}.romantic-header{min-height:100svh;padding:50px 16px 60px}.title-line{font-size:clamp(32px,10vw,52px)}.subtitle{padding:0 8px;font-size:clamp(14px,4vw,18px)}.romantic-section{padding:48px 16px}.romantic-text{text-align:center;padding:0 4px;font-size:clamp(15px,4vw,18px);line-height:1.8}.arabic-text{font-size:clamp(17px,4.5vw,22px);line-height:2}.section-title{text-align:center;width:100%;font-size:clamp(26px,8vw,40px)}.section-subtitle{text-align:center;width:100%;margin-bottom:28px;font-size:12px}.carousel-section{padding:32px 8px 70px}.carousel-container{padding:10px 0}.swiper-carousel .swiper-slide{border-radius:12px;width:180px;height:270px}.card-back-content{padding:20px 14px}.back-heart{margin:4px 0;font-size:22px}.back-title{margin:8px 0;font-size:17px}.back-text{font-size:12px;line-height:1.5}.swiper-carousel .swiper-button-next,.swiper-carousel .swiper-button-prev{display:none}.lightbox{align-items:center;padding:0}.lightbox-card{border-radius:20px;flex-direction:column;justify-content:center;width:90vw;max-width:90vw;max-height:85vh;animation:.4s cubic-bezier(.16,1,.3,1) forwards cardScaleIn;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}.lightbox-inner{border-radius:16px;height:62vh}.lightbox-front img,.lightbox-front,.lightbox-back{border-radius:16px}.lightbox-back-content{padding:24px 20px}.lightbox-back-content h2{margin:12px 0;font-size:24px}.lightbox-back-content p{font-size:15px}.back-heart.large{font-size:28px}.lightbox-nav{gap:20px;margin-top:16px}.lightbox-arrow{display:none}.flip-hint{margin-top:12px;font-size:12px}.gate-card{border-radius:18px;width:92%;padding:32px 20px}.gate-container:before{width:280px;height:280px}.gate-title{font-size:28px}.gate-subtitle{font-size:13px}.gate-date-label{font-size:16px}.date-inputs{gap:6px}.date-box{border-radius:10px;width:52px;height:48px;font-size:17px}.date-box.year-box{width:72px}.date-sep{font-size:20px}.gate-btn{border-radius:14px;width:100%;padding:13px 36px;font-size:15px}.gate-error{font-size:12px}.quote-box{padding:24px 12px}.quote-mark{font-size:50px;top:-6px}.quote-text{font-size:clamp(18px,5vw,26px)}.quote-author{font-size:13px}.romantic-footer{padding:40px 16px 90px}.footer-hearts{letter-spacing:10px;font-size:16px}.footer-text{font-size:22px}.footer-date{font-size:12px}.music-player{padding:12px 14px;padding-bottom:max(12px, env(safe-area-inset-bottom));background:linear-gradient(#14080e00 0%,#14080efa 40%)}.player-inner{gap:10px}.play-btn{width:42px;min-width:42px;height:42px;font-size:18px}.bars{gap:2px;height:18px}.bar{width:2.5px}.song-name{font-size:12px}.music-note{font-size:16px}.music-hint{margin-top:6px;font-size:11px}}@media (width<=360px){.title-line{font-size:clamp(28px,9vw,42px)}.gate-card{padding:28px 16px}.gate-title{font-size:24px}.date-box{width:46px;height:44px;font-size:16px}.date-box.year-box{width:64px}.carousel-track{height:260px}.swiper-carousel .swiper-slide{width:155px;height:235px}.lightbox-inner{height:55vh}}@media (height<=500px) and (orientation:landscape){.romantic-header{min-height:auto;padding:30px 20px}.gate-card{padding:20px}.gate-container{min-height:auto;padding:20px}.lightbox-inner{height:60vh}}@supports (padding:max(0px)){.music-player{padding-bottom:max(16px, env(safe-area-inset-bottom))}.romantic-footer{padding-bottom:max(100px, calc(80px + env(safe-area-inset-bottom)))}}@media (hover:none) and (pointer:coarse){.carousel-card:hover{box-shadow:0 10px 40px #0006}.gate-btn:hover,.play-btn:hover{transform:none}}@media (width<=480px){.particle{animation-duration:15s}.bg-particles span:nth-child(n+16){display:none}}@media (prefers-color-scheme:dark){.app{background:#1a0a0f}}@media (prefers-contrast:high){.romantic-text{color:#fffffff2}.date-box{border-width:3px}}@media print{.music-player,.bg-particles,.swiper-carousel .swiper-button-next,.swiper-carousel .swiper-button-prev{display:none!important}.romantic-page{background:#fff}.romantic-text,.title-line{color:#000}}@media (width<=1024px){.swiper-carousel .swiper-slide{width:240px;height:350px}}@media (width<=768px){.swiper-carousel .swiper-slide{width:220px;height:320px}}@media (width<=480px){.swiper-carousel .swiper-slide{border-radius:12px;width:190px;height:280px}}@media (width<=360px){.swiper-carousel .swiper-slide{width:160px;height:240px}}