*{box-sizing:border-box;margin:0;padding:0}img{max-width:100%;height:auto}html,body{width:100%;margin:0;padding:0;overflow-x:hidden}body{color:#111827;background:radial-gradient(circle at 100% 0,#ec489940,#0000 30%),radial-gradient(circle at 0 100%,#f472b633,#0000 30%),linear-gradient(135deg,#fff5f7,#ffe4ee,#ffd6e7);min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}.hero{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;max-width:900px}.container{justify-content:center;align-items:center;min-height:100vh;display:flex}.hero-badge{color:#ec4899;background:#ec48991f;border-radius:999px;margin-bottom:2rem;padding:12px 24px;font-weight:600;display:inline-block}.hero h1{color:#111827;margin-bottom:1.5rem;font-size:5rem;line-height:1.05}.hero p{color:#6b7280;margin-bottom:2rem;font-size:1.3rem;line-height:1.8}.hero button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#ec4899,#f472b6);border:none;border-radius:999px;padding:16px 32px;font-size:1rem;font-weight:600;transition:all .3s}.hero button:hover{transform:translateY(-4px);box-shadow:0 10px 25px #ec489940}@media (max-width:768px){.hero h1{font-size:3rem}.hero p{font-size:1rem}}.auth-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffd1;border:2px solid #ec489914;border-radius:36px;flex-direction:column;gap:1rem;width:520px;padding:3rem;animation:5s ease-in-out infinite cardFloat;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 80px #ec489926,0 20px 40px #0000000f}.auth-card:before{content:"";filter:blur(90px);background:#ec48991f;border-radius:50%;width:250px;height:250px;position:absolute;top:-120px;right:-120px}.auth-card:after{content:"";filter:blur(80px);background:#f472b61a;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-100px;left:-100px}.auth-card h1{background:linear-gradient(90deg,#ec4899,#f472b6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:3rem;font-weight:800}.auth-card{width:520px;padding:3rem}.auth-card button{letter-spacing:.5px;height:58px;font-size:1.05rem;font-weight:600}.auth-card input{background:#ffffffd9;border:none;padding:0 18px;box-shadow:0 4px 12px #0000000a}.auth-card{width:520px}.auth-card input{height:56px}.auth-card button{height:58px}.auth-card input{background:#fffc;border:2px solid #0000;transition:all .3s}.auth-card input,.auth-card button{border-radius:16px;width:100%;max-width:460px;height:56px;margin:0 auto;font-size:1rem}.auth-card input:focus{border-color:#ec4899;transform:translateY(-2px)}.auth-card button{background:linear-gradient(90deg,#ec4899,#f472b6);box-shadow:0 10px 25px #ec48994d}.auth-card button:hover{transform:translateY(-4px)scale(1.02)}.heart{animation:6s ease-in-out infinite float;position:absolute}@keyframes cardFloat{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.flower{opacity:.7;pointer-events:none;font-size:2rem;position:absolute}@keyframes float1{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-30px)rotate(15deg)}to{transform:translateY(0)rotate(0)}}@keyframes float2{0%{transform:translate(0)}50%{transform:translate(20px)}to{transform:translate(0)}}@keyframes float3{0%{transform:translateY(0)}50%{transform:translateY(25px)}to{transform:translateY(0)}}.auth-card{position:relative}.auth-card:before{content:"";filter:blur(100px);z-index:-1;background:#ec489926;border-radius:50%;width:400px;height:400px;position:absolute}.petal{pointer-events:none;opacity:.7;z-index:1;font-size:2rem;position:fixed}.p1{animation:12s ease-in-out infinite drift1;top:15%;left:12%}.p2{animation:10s ease-in-out infinite drift2;top:8%;left:25%}.p3{animation:14s ease-in-out infinite drift3;top:10%;right:25%}.p4{animation:11s ease-in-out infinite drift1;top:18%;right:12%}.p5{animation:13s ease-in-out infinite drift2;top:45%;left:8%}.p6{animation:9s ease-in-out infinite drift3;top:42%;right:8%}.p7{animation:15s ease-in-out infinite drift1;bottom:20%;left:15%}.p8{animation:12s ease-in-out infinite drift2;bottom:10%;left:30%}.p9{animation:14s ease-in-out infinite drift3;bottom:10%;right:30%}@keyframes drift1{0%,to{transform:translateY(0)}50%{transform:translateY(-25px)}}@keyframes drift2{0%,to{transform:translate(0)}50%{transform:translate(20px)}}@keyframes drift3{0%,to{transform:translate(0)}50%{transform:translate(20px,-20px)}}.auth-card{z-index:10;position:relative}.petal{z-index:1}.hero-content{z-index:10;position:relative}.sparkle{font-size:2rem;animation:3s ease-in-out infinite twinkle;position:absolute}.s1{animation:3s ease-in-out infinite twinkle;top:15%;left:18%}.s2{animation:4s ease-in-out infinite twinkle;top:25%;right:20%}.s3{animation:5s ease-in-out infinite twinkle;bottom:25%;left:15%}.s4{animation:3.5s ease-in-out infinite twinkle;bottom:20%;right:18%}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.blob{filter:blur(80px);opacity:.4;border-radius:50%;position:absolute}.blob1{background:#ff7eb6;width:250px;height:250px;top:10%;left:5%}.blob2{background:#ffc2d1;width:200px;height:200px;bottom:15%;right:10%}.blob3{background:#f9a8d4;width:180px;height:180px;top:50%;right:5%}.hero-badge{animation:3s infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes blobFloat1{0%,to{transform:translate(0)}50%{transform:translate(40px,-30px)}}@keyframes blobFloat2{0%,to{transform:translate(0)}50%{transform:translate(-30px,40px)}}@keyframes blobFloat3{0%,to{transform:translate(0)}50%{transform:translate(25px,-25px)}}.timeline{max-width:1000px;margin:auto;padding:120px 20px}.timeline h2{text-align:center;color:#ec4899;margin-bottom:80px;font-size:3rem}.timeline-container{position:relative}.timeline-container:before{content:"";background:#f9a8d4;width:4px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.timeline-item{width:50%;margin-bottom:50px;padding:20px 40px;position:relative}.timeline-item:nth-child(odd){text-align:right;left:0}.timeline-item:nth-child(2n){left:50%}.timeline-dot{background:#ec4899;border-radius:50%;width:20px;height:20px;position:absolute;top:40px;right:-10px}.timeline-item:nth-child(2n) .timeline-dot{left:-10px}.timeline-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb3;border-radius:24px;padding:24px;box-shadow:0 10px 30px #ec48991a}.timeline-card span{color:#ec4899;font-weight:600}.timeline-card h3{margin-top:10px;margin-bottom:10px}.timeline-card p{color:#6b7280}.timeline{min-height:100vh;position:relative;overflow:hidden}.float-item{opacity:.35;pointer-events:none;z-index:0;font-size:2rem;position:absolute}.f1{animation:8s ease-in-out infinite floatA;top:10%;left:8%}.f2{animation:10s ease-in-out infinite floatB;top:20%;right:10%}.f3{animation:12s ease-in-out infinite floatC;top:55%;left:5%}.f4{animation:9s ease-in-out infinite floatA;bottom:20%;right:8%}.f5{animation:11s ease-in-out infinite floatB;bottom:10%;left:40%}.journey-blob{filter:blur(90px);opacity:.25;z-index:0;border-radius:50%;position:absolute}.jb1{background:#f9a8d4;width:300px;height:300px;animation:15s ease-in-out infinite blobMove;top:15%;left:-100px}.jb2{background:#fbcfe8;width:250px;height:250px;animation:18s ease-in-out infinite blobMove2;bottom:10%;right:-80px}@keyframes floatA{0%,to{transform:translateY(0)}50%{transform:translateY(-25px)}}@keyframes floatB{0%,to{transform:translate(0)}50%{transform:translate(25px)}}@keyframes floatC{0%,to{transform:translate(0)}50%{transform:translate(20px,-20px)}}@keyframes blobMove{0%,to{transform:translate(0)}50%{transform:translate(80px,-40px)}}@keyframes blobMove2{0%,to{transform:translate(0)}50%{transform:translate(-60px,30px)}}.journey-bg,.float-item,.journey-blob{z-index:0}.journey-bg{pointer-events:none;z-index:0;position:absolute;inset:0}.timeline{background:linear-gradient(135deg,#fff5f7,#ffe4ee,#ffd6e7);width:100vw;min-height:100vh;padding:120px 20px;position:relative;overflow:hidden}.timeline-container,.timeline h2{z-index:10;position:relative}.sparkles{opacity:.5;z-index:1;font-size:1.8rem;animation:4s ease-in-out infinite sparkleFloat;position:absolute}.ss1{top:10%;left:12%}.ss2{top:25%;right:15%}.ss3{bottom:30%;left:8%}.ss4{bottom:18%;right:12%}.petals{opacity:.35;z-index:1;font-size:2rem;animation:8s ease-in-out infinite petalFloat;position:absolute}@keyframes petalFloat{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(15px,-25px)rotate(15deg)}}.ps1{top:8%;left:30%}.ps2{top:22%;left:75%}.ps3{top:45%;left:10%}.ps4{top:65%;right:15%}.ps5{bottom:20%;left:35%}.ps6{bottom:8%;right:30%}.b1{opacity:.5;z-index:1;font-size:2.5rem;animation:25s linear infinite butterflyFly;position:absolute;top:30%;left:-50px}.b2{opacity:.4;z-index:1;font-size:2.2rem;animation:28s linear infinite butterflyFlyReverse;position:absolute;bottom:40%;right:-50px}@keyframes butterflyFly{0%{transform:translate(0)translateY(0)}25%{transform:translate(300px)translateY(-40px)}50%{transform:translate(600px)translateY(20px)}75%{transform:translate(900px)translateY(-30px)}to{transform:translate(1300px)translateY(10px)}}@keyframes butterflyFlyReverse{0%{transform:translate(0)translateY(0)}25%{transform:translate(-300px)translateY(40px)}50%{transform:translate(-600px)translateY(-20px)}75%{transform:translate(-900px)translateY(30px)}to{transform:translate(-1300px)translateY(-10px)}}.blobs{filter:blur(100px);opacity:.25;z-index:0;border-radius:50%;position:absolute}.blobs1{background:#ec48994d;width:250px;height:250px;animation:14s ease-in-out infinite blobsMove1;top:10%;left:-100px}.blobs2{background:#f472b640;width:220px;height:220px;animation:18s ease-in-out infinite blobsMove2;bottom:10%;right:-80px}@keyframes blobsMove1{0%,to{transform:translate(0)}50%{transform:translate(80px,-40px)}}@keyframes blobsMove2{0%,to{transform:translate(0)}50%{transform:translate(-60px,30px)}}@keyframes sparkleFloat{0%,to{opacity:.4;transform:scale(1)rotate(0)}50%{opacity:1;transform:scale(1.3)rotate(20deg)}}.gallery{min-height:100vh;padding:100px 50px}.gallery h2{text-align:center;color:#ec4899;margin-bottom:60px;font-size:3rem}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1200px;margin:auto;display:grid}.gallery-card{cursor:pointer;border-radius:24px;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 10px 30px #ec489926}.gallery-card img{object-fit:cover;width:100%;height:350px;transition:all .5s}.gallery-card:hover img{transform:scale(1.08)}.gallery-overlay{color:#fff;opacity:0;background:linear-gradient(#0000,#000000b3);flex-direction:column;justify-content:flex-end;padding:20px;transition:all .4s;display:flex;position:absolute;inset:0}.gallery-card:hover .gallery-overlay{opacity:1}.gallery{position:relative;overflow:hidden}.gs1{top:10%;left:10%}.gs2{top:25%;right:15%}.gs3{bottom:20%;left:15%}.gp1{top:15%;left:35%}.gp2{top:35%;right:12%}.gp3{bottom:25%;left:10%}.gp4{bottom:10%;right:25%}.petal{font-size:2rem;animation:10s ease-in-out infinite petalFloat;position:absolute}.camera{opacity:.25;font-size:2rem;position:absolute}.gc1{animation:8s ease-in-out infinite cameraFloat;top:18%;right:30%}.gc2{animation:10s ease-in-out infinite cameraFloat;bottom:20%;left:25%}.gb1{font-size:2.5rem;animation:25s linear infinite butterflyFly;position:absolute;top:30%;left:-50px}.gblob{filter:blur(120px);opacity:.25;border-radius:50%;position:absolute}.gblob1{background:#ec489940;width:300px;height:300px;animation:14s ease-in-out infinite blobMove;top:10%;left:-120px}.gblob2{background:#f472b633;width:250px;height:250px;animation:18s ease-in-out infinite blobMove2;bottom:5%;right:-80px}@keyframes cameraFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.gallery h2,.gallery-grid{z-index:10;position:relative}.gallery{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:50px 20px;display:flex}.slider{align-items:center;gap:30px;display:flex}.slide{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffbf;border-radius:30px;flex-direction:column;max-width:90vw;display:inline-flex;overflow:hidden;box-shadow:0 20px 50px #ec489926}.slide img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:70vh;display:block}.caption{text-align:center;padding:25px}.caption h3{color:#ec4899;margin-bottom:10px;font-size:1.8rem}.caption p{color:#6b7280}.nav-btn{cursor:pointer;color:#fff;background:#ec4899;border:none;border-radius:50%;width:60px;height:60px;font-size:1.5rem;transition:all .3s}.nav-btn:hover{transform:scale(1.1)}.dots{justify-content:center;gap:10px;margin-top:20px;display:flex}.dot{background:#f9a8d4;border-radius:50%;width:10px;height:10px}.active{background:#ec4899;transform:scale(1.4)}.next-phase-btn{cursor:pointer;color:#fff;background:linear-gradient(90deg,#ec4899,#f472b6);border:none;border-radius:999px;margin-top:25px;padding:14px 28px;font-weight:600;transition:all .3s}.next-phase-btn:hover{transform:translateY(-3px)}.journey-btn-wrapper{justify-content:center;margin-top:60px;display:flex}.journey-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ec4899,#f472b6);border:none;border-radius:999px;padding:16px 36px;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 10px 25px #ec489940}.journey-btn:hover{transform:translateY(-4px)scale(1.03);box-shadow:0 15px 35px #ec489959}.journey-btn:active{transform:scale(.97)}.journey-btn{animation:3s ease-in-out infinite buttonFloat}@keyframes buttonFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.ls1{top:12%;left:10%}.ls2{top:25%;right:15%}.ls3{bottom:20%;left:20%}.sparkle{opacity:.5;font-size:2rem;animation:4s ease-in-out infinite twinkle;position:absolute}.lp1{top:15%;left:30%}.lp2{top:35%;right:12%}.lp3{bottom:30%;left:15%}.lp4{bottom:15%;right:25%}.petal{opacity:.35;font-size:2rem;animation:10s ease-in-out infinite petalFloat;position:absolute}.heart{opacity:.4;font-size:2.5rem;position:absolute}.lh1{animation:6s ease-in-out infinite heartFloat;top:20%;right:25%}.lh2{animation:8s ease-in-out infinite heartFloat;bottom:25%;left:25%}.envelope{opacity:.5;font-size:2.5rem;animation:7s ease-in-out infinite envelopeFloat;position:absolute;top:12%;right:35%}.le1{animation:7s ease-in-out infinite envelopeFloat;top:25%;right:25%}.le2{animation:7s ease-in-out infinite envelopeFloat;bottom:20%;left:25%}.letter-blob{filter:blur(120px);opacity:.25;z-index:0;border-radius:50%;position:absolute}.lb1{background:#ec489940;width:300px;height:300px;animation:15s ease-in-out infinite blobMove;top:10%;left:-100px}.lb2{background:#f472b633;width:250px;height:250px;animation:18s ease-in-out infinite blobMove2;bottom:10%;right:-80px}@keyframes heartFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes envelopeFloat{0%,to{transform:rotate(0)}50%{transform:rotate(8deg)}}.letter-container{z-index:10;flex-direction:column;align-items:center;gap:30px;display:flex;position:relative}.letter-paper{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffbf;border-radius:32px;flex-direction:column;max-width:700px;padding:50px;display:flex;box-shadow:0 20px 50px #ec489926}.letter-footer{justify-content:center;width:100%;display:flex}.gift-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ec4899,#f472b6);border:none;border-radius:999px;padding:16px 36px;font-size:1rem;font-weight:600;transition:all .3s;animation:3s ease-in-out infinite giftFloat;box-shadow:0 12px 30px #ec489940}.gift-btn:hover{transform:translateY(-4px)scale(1.03);box-shadow:0 18px 40px #ec489959}.gift-btn:active{transform:scale(.97)}@keyframes giftFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.letter{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.gift-page{background:linear-gradient(135deg,#fff5f8,#ffe4ee,#ffd6e8);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.gift-box{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:7rem}.gift-box p{color:#ec4899;margin-top:20px;font-size:1.2rem;font-weight:600}.gift-reveal{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb3;border-radius:40px;max-width:800px;padding:60px;box-shadow:0 20px 60px #ec489926}.gift-reveal h1{color:#ec4899;margin-bottom:25px;font-size:3rem}.gift-reveal p{color:#4b5563;margin-bottom:15px;font-size:1.2rem;line-height:2}.gift-reveal h2{color:#111827;margin-top:30px}.gift-reveal span{color:#9ca3af;margin-top:40px;display:block}@media (max-width:1024px){.hero h1,.surprise-title{font-size:3.5rem}.hero p{font-size:1.1rem}.timeline-card{width:90%}.letter-paper{width:90%;max-width:650px}}@media (max-width:768px){.container,.hero,.journey,.gallery-page,.letter,.gift-page{padding:20px}.auth-card{width:100%;max-width:380px;padding:2rem}.auth-card h1{font-size:2rem}.hero-content{max-width:100%}.hero h1{font-size:2.8rem;line-height:1.15}.hero p{font-size:1rem}.hero button{width:100%}.timeline-card{width:100%;padding:24px}.timeline-title{font-size:1.5rem}.gallery-title{font-size:2.3rem}.gallery-card{width:100%}.gallery-card img{object-fit:contain;max-height:350px}.letter-paper{width:100%;padding:30px}.letter-paper h2{font-size:2rem}.letter-paper p{font-size:1rem;line-height:1.8}.gift-box{font-size:5rem}.gift-reveal{width:100%;padding:30px}.gift-reveal h1{font-size:2rem}.gift-reveal p{font-size:1rem}.sparkle,.petal,.heart,.envelope{opacity:.3;font-size:1.4rem}}@media (max-width:480px){.hero h1{font-size:2.2rem}.gallery-title{font-size:2rem}.letter-paper{padding:24px}.gift-btn,.hero button,.auth-card button{width:100%}.gift-reveal h1{font-size:1.7rem}.gift-box{font-size:4rem}}@media (max-width:768px){.timeline-card h3{font-size:1.8rem}.timeline-card p{font-size:1rem;line-height:1.6}.timeline-card{width:85vw;max-width:350px;padding:24px}.timeline{padding-left:30px}.timeline-line{left:20px}.timeline-card{margin-left:50px}.sparkle,.petal,.heart,.envelope{opacity:.25;font-size:1rem}.letter-paper{width:90vw;padding:24px}}.gallery-card{text-align:center;background:#ffffffb3;border-radius:32px;width:450px;overflow:hidden}.gallery-wrapper{justify-content:center;align-items:center;gap:30px;display:flex}@media (max-width:768px){.timeline-item{width:100%;margin-bottom:50px;position:relative}.timeline-card{width:75%;max-width:300px}.timeline-item:nth-child(odd) .timeline-card,.timeline-item:nth-child(2n) .timeline-card{margin-left:0;margin-right:0}.timeline-mobile-curve{z-index:0;width:200px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.timeline-mobile-curve svg{width:100%;height:100%}.timeline-mobile-curve path{fill:none;stroke:#ec4899;stroke-width:4px;opacity:.4}.timeline h2{margin-bottom:50px;font-size:2rem}.timeline-container:before{left:50%}.timeline-item{margin-bottom:40px;padding:0;width:100%!important;left:0!important}.timeline-card{width:42vw;max-width:180px;margin:0;padding:16px}.timeline-item:nth-child(odd) .timeline-card{margin-left:auto;margin-right:calc(50% + 18px)}.timeline-item:nth-child(2n) .timeline-card{margin-left:calc(50% + 18px);margin-right:auto}.timeline-dot{transform:translate(-50%);left:50%!important;right:auto!important}.timeline-card h3{font-size:1rem}.timeline-card p{font-size:.8rem;line-height:1.5}}