@import url(https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;700&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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{font-family:Inter,sans-serif;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navbar{background-color:#fff;box-shadow:0 2px 4px #0000001a}.nav-links a{color:#333;font-weight:500;margin-left:2rem}.hero-section{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;justify-content:center;min-height:80vh}.hero-section h1{font-size:3.5rem;margin-bottom:1rem}.hero-section h2{color:#666;font-size:2rem;margin-bottom:1rem}section{padding:5rem 2rem}.about-section{background-color:#fff}.projects-section{background-color:#f8f9fa}.projects-grid{padding:2rem}.contact-section{background-color:#fff}.contact-links{display:flex;gap:2rem;justify-content:center;margin-top:2rem}.contact-links a{border:2px solid #333;border-radius:5px;color:#333;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.contact-links a:hover{background-color:#333;color:#fff}@media (max-width:768px){.navbar{flex-direction:column;padding:1rem}.nav-links{margin-top:1rem}.nav-links a{margin:0 1rem}.hero-section h1{font-size:2.5rem}.hero-section h2{font-size:1.5rem}}:root{--primary-color:#2a2a2a;--accent-color:#00ceb8;--text-color:#f5f5f5;--section-padding:80px}*{margin:0;padding:0}body{background-color:#2a2a2a;background-color:var(--primary-color);color:#f5f5f5;color:var(--text-color);font-family:Inter,sans-serif}.navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;padding:1rem 2rem;position:fixed;top:0;width:100%;z-index:1000}.nav-links,.navbar{background:#2a2a2a;background:var(--primary-color);display:flex}.nav-links{gap:2rem;justify-content:flex-end}.nav-links a{color:#f5f5f5;color:var(--text-color);padding:.5rem;position:relative;text-decoration:none;transition:color .3s}.nav-links a.active:after{background:#2a2a2a;background:var(--primary-color);bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.menu-toggle{display:none}.hero{align-items:center;background:linear-gradient(#00000080,#00000080),url(https://source.unsplash.com/random/1920x1080?code) 50%/cover;display:flex;height:100vh;justify-content:center;text-align:center}.hero-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#00ceb8,#00a3ff);-webkit-background-clip:text;background-clip:text;font-size:4rem;margin-bottom:1rem}.hero-name{color:#00ceb8;color:var(--accent-color);font-size:2.5rem;font-weight:700;letter-spacing:2px;margin-bottom:1rem;text-transform:uppercase}.cta-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.btn{border-radius:30px;padding:1rem 2rem;text-decoration:none;transition:transform .3s}.btn.outline{border:2px solid #00ceb8;border:2px solid var(--accent-color);color:#00ceb8;color:var(--accent-color)}.btn:not(.outline){background:#00ceb8;background:var(--accent-color);color:#2a2a2a;color:var(--primary-color)}.section{padding:80px 2rem;padding:var(--section-padding) 2rem}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.project-card{background:#ffffff1a;border-radius:15px;padding:2rem;transition:transform .3s}.project-card:hover{transform:translateY(-10px)}.photo-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem;padding:0 1rem}.photo-item{aspect-ratio:1;border-radius:10px;overflow:hidden;position:relative}.photo-overlay{background:linear-gradient(#0000,#000c);bottom:0;left:0;opacity:0;padding:1rem;position:absolute;right:0;transition:opacity .3s}.photo-item:hover .photo-overlay{opacity:1}.social-links{display:flex;gap:2rem;justify-content:center;margin-top:2rem}.social-links a{color:#f5f5f5;color:var(--text-color);font-size:2.5rem;transition:color .3s}.social-links a:hover{color:#00ceb8;color:var(--accent-color)}@media (max-width:768px){.nav-links{background:#2a2a2a;background:var(--primary-color);display:none;left:0;padding:1rem;position:absolute;right:0;text-align:center;top:100%}.nav-links.active{display:flex}.menu-toggle{background:none;border:none;cursor:pointer;display:block;font-size:1.5rem;left:1rem;position:absolute;top:1rem;z-index:1001}.hero-content h1{font-size:2.5rem}.nav-links{background:#fff;flex-direction:column;height:100vh;left:-100%;padding-top:4rem;position:fixed;top:0;transition:left .3s ease;width:70%}.nav-links.active{left:0}.nav-brand{padding:.5rem 0;text-align:center;width:100%}.photo-grid{display:flex;gap:15px;overflow-x:auto;scroll-snap-type:x mandatory}.instagram-post{flex:0 0 300px;scroll-snap-align:start}.hero-name{font-size:1.8rem;margin-bottom:.5rem}}@media (max-width:600px){.photo-grid{display:flex;grid-auto-columns:80%;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}.photo-item{min-width:80%;scroll-snap-align:start}.menu-toggle{left:10px;position:absolute;top:10px}}.nav-brand{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#333,#666);-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:700}.instagram-post{background:#f8f8f8;border-radius:8px;height:450px;overflow:hidden;position:relative;width:100%}.instagram-post iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.instagram-post:hover{transform:scale(1.02)}.post-content{background:#000000b3;bottom:0;color:#fff;left:0;padding:1rem;position:absolute;right:0}.photo-grid::-webkit-scrollbar{height:6px}.photo-grid::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.photo-grid::-webkit-scrollbar-thumb{background:#00ceb8;background:var(--accent-color);border-radius:3px}.instagram-embed-container{background:#ffffff0d;border-radius:8px;height:100%;min-height:450px;position:relative;width:100%}.instagram-embed-container iframe{height:100%;left:0;position:absolute;top:0;width:100%}.instagram-fallback{align-items:center;display:flex;height:100%;justify-content:center;padding:20px;text-align:center}.instagram-fallback a{border:2px solid #00ceb8;border:2px solid var(--accent-color);border-radius:5px;color:#00ceb8;color:var(--accent-color);padding:10px 20px;text-decoration:none;transition:all .3s ease}.instagram-fallback a:hover{background:#00ceb8;background:var(--accent-color);color:#2a2a2a;color:var(--primary-color)}.loading-spinner{color:#00ceb8;color:var(--accent-color);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.instagram-embed-wrapper{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;justify-content:center;min-height:450px;overflow:hidden;width:100%}.instagram-media{margin:0 auto!important;width:100%!important}.instagram-media,.instagram-media iframe{background:#0000!important}.love-page{align-items:center;background:linear-gradient(135deg,#ff758c,#ff7eb3);display:flex;justify-content:center;min-height:100vh;overflow-x:hidden;padding:2rem;position:relative;width:100%}.love-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;box-shadow:0 4px 6px #0000001a;color:#fff;max-width:800px;opacity:0;padding:2rem;text-align:center;transform:translateY(20px)}.love-title{font-size:3rem;margin-bottom:2rem;text-shadow:2px 2px 4px #0003}.timeline{margin:2rem auto;max-width:600px;position:relative}.timeline-item{animation:slideIn .5s ease forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:10px;margin-bottom:2rem;opacity:0;padding:1rem;position:relative;transform:translateX(0);width:100%;z-index:1}.timeline-item.left,.timeline-item.right{margin:0;transform:translateX(0)}.timeline-item:first-child{animation-delay:.3s}.timeline-item:nth-child(2){animation-delay:.6s}.timeline-item:nth-child(3){animation-delay:.9s}.timeline-item:nth-child(4){animation-delay:1.2s}.timeline-content{align-items:center;background:#fff3;border-radius:10px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;justify-content:center;margin-top:2rem;padding:1.5rem;position:relative}.timeline-content h3{font-size:1.5rem;margin:0 0 1rem}.timeline-content p{line-height:1.6;margin:.5rem 0}.heart-animation{animation:pulse 1.5s infinite;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>') 50% no-repeat;height:100px;margin:2rem auto;width:100px}.love-message{font-size:1.5rem;line-height:2;margin:2rem 0;text-shadow:1px 1px 2px #0000001a}.photo-gallery{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-top:3rem}.gallery-item{animation:fadeIn .5s ease forwards;opacity:0}.gallery-item:first-child{animation-delay:1.5s}.gallery-item:nth-child(2){animation-delay:1.7s}.gallery-item:nth-child(3){animation-delay:1.9s}body{margin:0;padding:0}*{box-sizing:border-box}@media (max-width:768px){.love-content,.love-page{padding:1rem}.photo-gallery{grid-template-columns:1fr}.timeline{padding:10px}.timeline-item{margin-bottom:1rem;padding:.5rem}.timeline-date{font-size:1rem;padding:.3rem .5rem}.timeline-content{padding:1rem}.love-title{font-size:2rem}.love-message{font-size:1.2rem}}.image-placeholder,.map-placeholder{align-items:center;background:#fff3;border-radius:10px;display:flex;height:200px;justify-content:center;margin:1rem 0;overflow:hidden;position:relative;transition:transform .3s ease}.image-placeholder:hover,.map-placeholder:hover{transform:scale(1.05)}.image-placeholder:after,.map-placeholder:after{background:#00000080;bottom:0;content:attr(data-caption);font-size:.9rem;left:0;padding:.5rem;position:absolute;right:0}.floating-hearts{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.heart{animation:fall linear infinite;position:absolute;z-index:1}@keyframes fall{0%{opacity:.8;transform:translateY(-10vh) translateX(0) rotate(0deg)}to{opacity:0;transform:translateY(110vh) translateX(20px) rotate(1turn)}}.fade-in{opacity:1;transform:translateY(0);transition:all 1s ease-out}.timeline-date{background:#ff4d7e;border-radius:20px;box-shadow:0 2px 4px #0000001a;font-weight:700;left:50%;padding:.5rem 1rem;position:absolute;top:5px;transform:translateX(-50%);z-index:2}.memory-card{border-radius:12px;box-shadow:0 4px 8px #0000001a;flex:0 0 280px;height:373px;width:100%}.memory-card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s;width:100%}.memory-card:hover .memory-card-inner{transform:rotateY(180deg)}.memory-card-back,.memory-card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:15px;box-shadow:0 4px 8px #0003;height:100%;position:absolute;width:100%}.memory-card-inner.flipped{transform:rotateY(180deg)}.memory-card .image-placeholder{align-items:center;background-color:#e9ecef;color:#6c757d;display:flex;height:100%;justify-content:center;width:100%}.memory-card iframe{border-radius:15px;height:100%;width:100%}.love-quote{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff26;border-radius:15px;margin:2rem 0;padding:2rem;position:relative}.quote-refresh{background:none;border:2px solid #fff;margin-top:1rem;opacity:.7;padding:.5rem 1rem;transition:opacity .3s ease;width:auto}.quote-refresh:hover{opacity:1}@media (max-width:768px){.heart{font-size:14px!important}}.cute-corner{bottom:20px;display:flex;gap:10px;position:fixed;right:20px;z-index:100}.cute-corner img{height:auto;transition:transform .3s ease;width:50px}.cards-container{overflow:hidden;touch-action:pan-x pinch-zoom}.cards-wrapper{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;cursor:grab;gap:15px;margin-bottom:20px;overflow-x:auto;padding:10px 0;scroll-snap-type:x mandatory;scrollbar-width:none;user-select:none;-webkit-user-select:none;width:100%}.cards-wrapper::-webkit-scrollbar{display:none}.cards-wrapper:active{cursor:grabbing}.memory-card{aspect-ratio:3/4;flex-basis:calc(100% - 30px);flex-grow:0;flex-shrink:0;height:auto;max-width:100%;min-width:260px;scroll-snap-align:center;scroll-snap-stop:always;touch-action:manipulation}.memory-card-content{padding:10px;width:100%}.memory-card-content iframe{border-radius:12px;height:100%;object-fit:cover;width:100%}.memory-card-content{align-items:center;display:flex;justify-content:center}.memory-card-back,.memory-card-front,.memory-card-inner,.memory-card-inner.flipped,.memory-card:hover .memory-card-inner{display:none}.scroll-indicators{display:flex;gap:8px;justify-content:center;margin-top:12px}.indicator{background:#ffffff4d;border-radius:50%;height:8px;transition:all .3s ease;width:8px}.indicator.active{background:#fff;transform:scale(1.2)}.scroll-hint{animation:fadeInOut 2s infinite;bottom:-25px;color:#ffffffb3;cursor:pointer;font-size:.8rem;position:absolute;right:10px}@keyframes fadeInOut{0%,to{opacity:.4}50%{opacity:1}}@media (max-width:480px){.memory-card{flex:0 0 240px;height:320px}.cards-container{gap:5px;padding:5px 0}.cards-wrapper{gap:10px;padding:3px;padding:5px 0}.memory-card{flex:0 0 85%;min-height:300px}.memory-card-content{padding:10px}.scroll-hint{bottom:-20px;font-size:.7rem}}.love-stats{background:#ffc0cb1a;border-radius:20px;box-shadow:0 4px 15px #0000001a;margin:2rem 0;padding:2rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2rem}.stat-card{background:#fff;border-radius:15px;box-shadow:0 4px 6px #0000001a;padding:1.5rem;text-align:center;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-number{color:#ff4b7d;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#666;font-size:.9rem}.next-meeting-countdown{background:linear-gradient(135deg,#ff9a9e,#fad0c4 99%,#fad0c4);border-radius:15px;color:#fff;margin-top:2rem;padding:1rem;text-align:center}.countdown-timer{font-size:1.5rem;font-weight:700;margin-top:1rem}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}}.image-placeholder{border-radius:15px;height:400px;overflow:hidden;width:100%}.cards-container{margin:20px 0;position:relative;width:100%}.cards-wrapper{display:flex;gap:20px;overflow-x:hidden;padding:10px;scroll-behavior:smooth}.memory-card{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;height:400px;min-width:280px;overflow:hidden}.memory-card-content{height:100%;padding:15px}.memory-description{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;text-align:center}@media (max-width:480px){.love-content{margin:0;padding:1rem;width:100%}.timeline{padding:0;width:100%}.timeline-content{margin:1rem 0;padding:1rem}.cards-container{margin:10px -1rem;padding:0 1rem}.cards-wrapper{gap:10px;padding:5px 0}.memory-card{flex-basis:calc(100% - 20px);flex-grow:0;flex-shrink:0;min-width:240px}.memory-card-content{padding:8px}}.timeline-images{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:15px 0}.timeline-image{border-radius:8px;box-shadow:0 2px 4px #0000001a;height:400px;object-fit:cover;transition:transform .3s ease;width:300px}.timeline-image:hover{transform:scale(1.05)}@media (max-width:768px){.timeline-image{height:333px;width:250px}}@media (max-width:480px){.timeline-image{height:267px;width:200px}}.love-letter{background:#fffffff2;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin:40px auto;max-width:800px;padding:30px}.love-letter h2{color:#ff4b8d;font-size:2.5em;margin-bottom:25px;text-align:center}.letter-content,.love-letter h2{font-family:Dancing Script,cursive}.letter-content{color:#333;font-size:1.4em;line-height:1.6}.letter-content p{margin-bottom:15px}.letter-signature{color:#ff4b8d;font-size:1.6em;margin-top:30px;text-align:right}.tinder-match{align-items:center;background:#000000e6;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:1500}.tinder-match.show{opacity:1;visibility:visible}.match-content{color:#fff;text-align:center;transform:scale(.5);transition:transform .5s ease}.tinder-match.show .match-content{transform:scale(1)}.match-circles{align-items:center;display:flex;gap:80px;justify-content:center;margin-bottom:20px;position:relative}.circle{border:3px solid #fff;border-radius:50%;height:100px;overflow:hidden;width:100px}.circle img{height:100%;object-fit:cover;width:100%}.match-text h2{color:#fff;font-size:32px;margin-bottom:10px}.match-text p{color:#ccc;font-size:16px}.connecting-heart{align-items:center;display:flex;font-size:60px;justify-content:center;opacity:0;position:absolute;transform:scale(0);transition:all .3s ease}.connecting-heart.show{opacity:1;transform:scale(1)}.heart-pulse{animation:pulse 1s ease infinite}.heart-pulse:after{content:"❤️"}@keyframes pulse{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(.8)}}@media (max-width:768px){.circle{height:80px;width:80px}.match-text h2{font-size:24px}.match-text p{font-size:14px}}.tinder-chat{background:#fff;border-radius:12px;box-shadow:0 2px 15px #0000001a;margin:20px auto;max-width:400px;overflow:hidden;width:100%}.chat-header{align-items:center;background:#fff;border-bottom:1px solid #eee;display:flex;padding:15px}.profile-pic{border-radius:50%;height:40px;margin-right:12px;overflow:hidden;width:40px}.profile-pic img{height:100%;object-fit:cover;width:100%}.chat-info h3{color:#333;font-size:16px;margin:0}.chat-info span{color:#07dd07;font-size:12px}.messages{display:flex;flex-direction:column;gap:8px;padding:15px;width:100%}.message{animation:slideIn .3s ease;border-radius:18px;max-width:80%;padding:10px 15px;width:-webkit-fit-content;width:fit-content;word-break:break-word}.message.you{align-self:flex-end;background:#3474e6;border-bottom-right-radius:4px;color:#fff}.message.them{align-self:flex-start;background:#e9ecef;border-bottom-left-radius:4px;color:#212529}.message.date,.message.timestamp{align-self:center;background:none;color:#8e8e8e;font-size:.8em;margin:10px 0;padding:0;text-align:center;width:100%}.message.date{font-size:.75em;font-weight:400;margin:4px auto;opacity:.8}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.tinder-chat{margin:10px;max-width:calc(100% - 20px)}}.login-page{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100vh}.login-container{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:2rem;width:100%}.login-container h2{color:#333;margin-bottom:2rem;text-align:center}.form-group{margin-bottom:1rem}.form-group input{border:1px solid #ddd;border-radius:5px;font-size:1rem;padding:.8rem;width:100%}.error-message{color:#ff4d4d;margin-bottom:1rem;text-align:center}button{background:#4a90e2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem;transition:background .3s ease;width:100%}button:hover{background:#357abd}.password-input-group{align-items:center;display:flex;position:relative}.toggle-password{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:5px;position:absolute;right:10px;width:auto}.toggle-password:hover{background:none;color:#333}.password-hint{color:#666;font-size:.9rem;font-style:italic;margin-bottom:1rem}.form-group input[type=password],.form-group input[type=text]{padding-right:40px}