:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.hero-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#ffd1dc,#fff);position:relative;overflow:hidden}.glass-box{background:#e0e0e0;border-radius:50px;padding:3rem;box-shadow:20px 20px 60px #bebebe,-20px -20px 60px #fff;text-align:center;z-index:50;border:1px solid rgba(255,255,255,.5);min-width:300px}.countdown-text{font-size:8rem;font-weight:700;color:#ff4d94;text-shadow:2px 2px 4px rgba(0,0,0,.1);margin:0;font-family:Arial,sans-serif}.hero-content{display:none;flex-direction:column;align-items:center;z-index:20;position:relative}.hero-image{width:300px;height:auto;margin-bottom:20px;filter:drop-shadow(0 15px 25px rgba(255,77,148,.3))}@media(max-width:768px){.hero-image{width:200px}.wish-text{font-size:2rem!important}}.wish-text{font-size:3rem;color:#ff1493;margin-bottom:25px;font-weight:800;text-align:center;text-shadow:0px 4px 10px rgba(255,20,147,.2);padding:0 10px}.btn-lets-go{padding:15px 45px;font-size:1.5rem;border:none;background:linear-gradient(45deg,#ff4d94,#ff1493);color:#fff;border-radius:50px;cursor:pointer;box-shadow:0 10px 20px #ff4d9466;transition:all .3s ease;z-index:30}.btn-lets-go:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 25px #ff4d9499}.balloon{position:absolute;top:0;left:0;transform:translate(-500px,-500px);opacity:0;z-index:10;filter:drop-shadow(0 15px 15px rgba(0,0,0,.2));pointer-events:none}.balloon{width:200px}@media(max-width:768px){.balloon{width:140px}}.video-section{width:100vw;height:100vh;background-color:#000;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.fullscreen-video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1}.memories-page{position:relative;width:100vw;height:100dvh;overflow:hidden;background-color:#000;display:flex;justify-content:center;align-items:center;cursor:grab}.memories-page:active{cursor:grabbing}.static-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.background-image{width:100%;height:100%;object-fit:cover;opacity:.6}.slider-container{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:10;transform-style:preserve-3d;perspective:1000px}.girl-image{position:absolute;bottom:0;left:50%;transform:translate(-50%) translateZ(0);width:90%;max-width:450px;height:auto;z-index:5;pointer-events:none;filter:drop-shadow(0 0 20px rgba(255,20,147,.4))}.slider{position:relative;width:200px;height:350px;transform-style:preserve-3d}.card{position:absolute;width:180px;height:320px;left:10px;top:15px;border-radius:15px;overflow:hidden;border:2px solid rgba(255,255,255,.8);box-shadow:0 0 15px #ff69b499;transform-origin:center;transform:rotateY(calc((var(--i) - 1) * 72deg)) translateZ(250px);-webkit-user-drag:none}.card img{width:100%;height:100%;object-fit:cover;pointer-events:none}:root{margin:0;padding:0;box-sizing:border-box}body,html{margin:0;padding:0;width:100%;height:100%;background-color:#000;font-family:Arial,sans-serif;overscroll-behavior:none;overflow:hidden}.app-container{width:100vw;height:100dvh;overflow-y:scroll;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-behavior:smooth;position:relative;-ms-overflow-style:none;scrollbar-width:none}.app-container::-webkit-scrollbar{display:none}.section{width:100vw;height:100dvh;position:relative;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always}.login-container{width:100vw;height:100dvh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#ff9a9e,#fecfef 99% 100%);position:fixed;top:0;left:0;z-index:9999}.login-box{background:#fffffff2;padding:2rem;border-radius:20px;box-shadow:0 10px 40px #0000001a;text-align:center;width:90%;max-width:350px}.login-title{color:#ff4d94;margin-bottom:20px;font-size:1.3rem}.date-inputs-container{display:flex;gap:8px;justify-content:center;margin-bottom:20px;width:100%}.date-input{padding:12px;border:2px solid #ffbad2;border-radius:12px;font-size:1.1rem;text-align:center;color:#ff1493;outline:none;background:#fff0f5;transition:border-color .3s}.date-input:focus{border-color:#ff1493;background:#fff}.date-input.day,.date-input.month{width:55px}.date-input.year{width:85px}.login-btn{padding:12px 35px;background:linear-gradient(45deg,#ff4d94,#ff1493);color:#fff;border:none;border-radius:25px;font-size:1.1rem;cursor:pointer;box-shadow:0 5px 15px #ff14934d}.error-text{color:red;font-weight:700;margin-top:15px}