@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Lora:wght@400;500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;background:linear-gradient(135deg,#ffecd2,#fcb69f);display:flex;flex-direction:column;font-family:Playfair Display,serif;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative;text-align:center}.App:before{background:radial-gradient(circle at 10% 20%,#ffffff1a 0,#0000 20%),radial-gradient(circle at 90% 80%,#ffffff1a 0,#0000 20%),radial-gradient(circle at 50% 50%,#ffffff1a 0,#0000 30%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0}@keyframes float{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}to{transform:translateY(0) rotate(0deg)}}@keyframes float2{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(20px) rotate(-5deg)}to{transform:translateY(0) rotate(0deg)}}.background-hearts{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.bg-heart{color:#ff6b6b;font-size:2rem;opacity:.1;position:absolute}.bg-heart:first-child{animation:float 6s ease-in-out infinite;left:10%;top:10%}.bg-heart:nth-child(2){animation:float2 7s ease-in-out infinite;right:20%;top:20%}.bg-heart:nth-child(3){animation:float 8s ease-in-out infinite;bottom:30%;left:30%}.bg-heart:nth-child(4){animation:float2 9s ease-in-out infinite;bottom:40%;right:40%}.bg-heart:nth-child(5){animation:float 10s ease-in-out infinite;left:50%;top:50%}@keyframes borderGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.gradient-border{animation:borderGradient 15s ease infinite;background:linear-gradient(45deg,#ff9a9e33,#fecfef33,#ff9a9e33);background-size:200% 200%;border-radius:30px;bottom:20px;left:20px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:0}@keyframes sparkle{0%{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:.3;transform:scale(1) rotate(180deg)}to{opacity:0;transform:scale(0) rotate(1turn)}}.sparkles{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.sparkle{background:#fff;border-radius:50%;height:6px;opacity:0;position:absolute;width:6px}.sparkle:first-child{animation:sparkle 4s infinite;left:25%;top:15%}.sparkle:nth-child(2){animation:sparkle 5s 1s infinite;right:35%;top:35%}.sparkle:nth-child(3){animation:sparkle 6s 2s infinite;bottom:25%;left:45%}.sparkle:nth-child(4){animation:sparkle 7s 3s infinite;bottom:45%;right:15%}.final-message,.game-container,.journey-section,.memories-container,.welcome-section{position:relative;z-index:1}.welcome-section{animation:fadeIn .8s ease-out;background:#fffffff2;border-radius:30px;box-shadow:0 20px 60px #0000001a;margin:20px auto;max-width:700px;overflow:hidden;padding:50px;position:relative;width:90%}.welcome-section:before{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#ff9a9e,#fad0c4,#ff9a9e);content:"";height:5px;left:0;position:absolute;right:0;top:0}.welcome-section h1{color:#2c3e50;font-size:3rem;font-weight:700;letter-spacing:1px;margin-bottom:30px;text-shadow:2px 2px 4px #0000001a}.journey-section{margin:0 auto;max-width:900px;width:100%}.journey-content{background:#fffffff2;border-radius:30px;box-shadow:0 20px 60px #0000001a;margin:30px;overflow:hidden;padding:50px;position:relative}.journey-step{margin-bottom:40px;position:relative;text-align:center}.step-title{color:#2c3e50;display:inline-block;font-size:2.5rem;font-weight:700;margin-bottom:20px;position:relative}.step-title:after{background:linear-gradient(90deg,#0000,#ff9a9e,#0000);bottom:-10px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:50%}.step-content{color:#34495e;font-family:Lora,serif;font-size:1.3rem;line-height:1.8;margin-bottom:30px}.memories-container{max-width:100%;overflow-x:hidden;padding:10px}.memories-container h2{color:#ff6b6b;font-size:2.5rem;margin-bottom:10px}.memories-subtitle{color:#ff6b6b;font-size:2rem;margin:20px 0;text-align:center}.memories-container{box-sizing:border-box;max-width:1200px;padding:20px;width:100%}.memories-container h2{color:#2c3e50;font-size:3rem;font-weight:700;margin-bottom:30px;text-align:center;text-shadow:2px 2px 4px #0000001a}.photo-gallery{grid-gap:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff4d;border-radius:30px;box-shadow:0 20px 60px #0000001a;gap:30px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:40px}.photo-item{transform-style:preserve-3d;transition:all .3s ease}.photo-item img{border:5px solid #fff;border-radius:20px;box-shadow:0 10px 30px #00000026;height:250px;transition:all .3s ease}.photo-item:hover{transform:translateY(-10px) scale(1.02)}.photo-item:hover img{border-color:#ffecd2;box-shadow:0 15px 40px #0003}@media (max-width:1024px){.photo-gallery{gap:15px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:15px}}@media (max-width:768px){.memories-container{padding:8px}.photo-gallery{gap:10px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));padding:10px}.memories-container h2{font-size:1.8rem;margin:10px 0}}@media (max-width:480px){.memories-container{padding:5px}.photo-gallery{gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));padding:8px}.photo-item img{border-width:2px}.memories-container h2{font-size:1.5rem;margin:8px 0}}@media (max-width:360px){.photo-gallery{gap:6px;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));padding:6px}}.memory-game{margin:0 auto;max-width:800px;padding:20px}.cards-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin:20px 0}.memory-card{aspect-ratio:1;cursor:pointer;perspective:1000px}.card-inner{border-radius:10px;box-shadow:0 4px 8px #0000001a;height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .6s;width:100%}.memory-card.flipped .card-inner{transform:rotateY(180deg)}.card-back,.card-front{align-items:center;backface-visibility:hidden;background:#fff;border-radius:10px;display:flex;height:100%;justify-content:center;position:absolute;width:100%}.card-front{background:#f8f9fa;border:2px solid #e9ecef}.card-back{background:#fff;border:2px solid #ff6b6b;transform:rotateY(180deg)}.card-emoji{font-size:2rem}.game-stats{grid-gap:15px;gap:15px;grid-template-columns:repeat(3,1fr);text-align:center}.high-score,.moves,.score{background:#f8f9fa;border-radius:8px;color:#ff6b6b;font-weight:700;padding:10px}.restart-button{background:#ff6b6b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1rem;margin:20px auto;padding:10px 20px}.restart-button:hover{background:#ff5252}@media (max-width:600px){.cards-grid{gap:10px;grid-template-columns:repeat(3,1fr)}.card-emoji{font-size:1.5rem}}.final-message{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin:20px auto;max-width:600px;padding:40px;text-align:center;width:90%}button{background:linear-gradient(135deg,#ff9a9e,#f76239);border:none;border-radius:50px;box-shadow:0 10px 30px #ff9a9e4d;color:#fff;cursor:pointer;font-family:Playfair Display,serif;font-size:1.2rem;letter-spacing:1px;overflow:hidden;padding:15px 40px;position:relative;transition:all .3s ease}button:hover{box-shadow:0 15px 40px #ff9a9e66;transform:translateY(-3px)}button:active{transform:translateY(-1px)}button:after{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);width:100%}button:hover:after{animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.welcome-section h1{font-size:2rem}.step-title{font-size:1.5rem}.step-content,button{font-size:1rem}button{padding:12px 24px}.final-message,.journey-content,.welcome-section{padding:25px}}.heart-decoration{animation:pulse 2s infinite;margin:20px 0}.love-game{margin:0 auto;max-width:800px;position:relative;width:100%}.game-area{background:#f8f9fa;border:2px solid #e9ecef;border-radius:20px;box-shadow:0 10px 30px #0000001a;height:500px;margin:20px auto;overflow:hidden;position:relative}.game-stats{grid-gap:10px;background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:20px;padding:15px}.combo-display,.high-score,.level-display,.score-display,.timer{background:#ff6b6b1a;border-radius:10px;color:#ff6b6b;font-size:1.2rem;font-weight:700;padding:8px}.combo-display{background:#ffd7001a;color:gold}.game-start{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:40px;text-align:center}.catchable-heart{cursor:pointer;position:absolute;transform-origin:center center;transition:transform .2s;z-index:10}.catchable-heart:hover{transform:scale(1.1)}.particle{animation:particleAnimation .5s ease-out forwards;border-radius:50%;height:8px;pointer-events:none;position:absolute;width:8px}@keyframes particleAnimation{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(50px,50px) scale(0);transform:translate(var(--tx,50px),var(--ty,50px)) scale(0)}}@media (max-width:768px){.game-stats{font-size:.9rem;grid-template-columns:repeat(2,1fr)}.game-area{height:400px}}.game-start button{background:#ff6b6b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;padding:12px 24px;transition:background .3s}.game-start button:hover{background:#ff5252}.floating-emoji{animation:float-up 4s ease-out forwards;pointer-events:none;position:fixed;will-change:transform,opacity;z-index:1000}@keyframes float-up{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(-100vh) rotate(1turn)}}.memory-card,.memory-game,button{position:relative;z-index:1001}.photo-gallery{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:0 auto;max-width:1000px;padding:30px;perspective:1000px}.photo-item{cursor:pointer;position:relative;transform-origin:center;transition:filter .3s ease;will-change:transform}.photo-item img{border:3px solid #fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;height:150px;object-fit:cover;width:100%}.photo-item:hover{filter:brightness(1.1)}.photo-item:before{background:#fff;border-radius:5px;bottom:-20px;content:"";left:-5px;position:absolute;right:-5px;top:-5px;transform:rotate(calc(var(--random-rotate)*1deg));z-index:-1}@media (max-width:768px){.photo-gallery{gap:15px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:15px}.photo-item img{height:120px}}.floating-heart{font-size:24px;pointer-events:none;position:fixed;will-change:transform,opacity;z-index:1000}@media (max-width:768px){.floating-heart{font-size:20px}}.modal-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;will-change:background-color;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-width:800px;overflow:hidden;padding:20px;position:relative;width:90%;will-change:transform,opacity}.modal-image-container{background:#000;border-radius:8px;line-height:0;overflow:hidden;position:relative}.modal-image-container img{display:block;height:auto;max-height:80vh;object-fit:contain;width:100%}.modal-description{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:12px;margin-top:16px;padding:16px}.modal-description p{color:#1a1a1a;font-size:16px;line-height:1.5;margin:0}.modal-close{align-items:center;background:rgba(255,2,2,.849);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;position:absolute;right:12px;top:12px;transition:background-color .2s ease;width:12px;z-index:2}.modal-close:hover{background:#000000b3}.modal-heart{color:#ff4757;flex-shrink:0}@media (max-width:768px){.modal-content{padding:16px;width:95%}.modal-description{padding:12px}.modal-description p{font-size:14px}.modal-content{border-radius:20px;padding:15px}.modal-close{font-size:20px;height:35px;right:-15px;top:-15px;width:35px}.modal-description{padding:15px}.modal-description p{font-size:1rem}}.decorative-line{background:linear-gradient(90deg,#0000,#ff9a9e80,#0000);height:2px;margin:40px 0;width:100%}.section-divider{align-items:center;display:flex;justify-content:center;margin:40px 0}.section-divider:after,.section-divider:before{background:linear-gradient(90deg,#0000,#ff9a9e80,#0000);content:"";flex:1 1;height:1px}.section-divider span{color:#ff9a9e;font-size:24px;padding:0 20px}
/*# sourceMappingURL=main.4a4ff175.css.map*/