*{margin:0;padding:0;box-sizing:border-box}body{font-family:Playfair Display,serif;background:linear-gradient(135deg,#fdfbfb,#f4eae6 30%,#e8d5c4 70%,#dfc3b8);min-height:100vh;overflow-x:hidden;position:relative}#particles-container{top:0;left:0;width:100%;height:100%;z-index:2;overflow:hidden}#particles-container,.particle{position:fixed;pointer-events:none}.particle{z-index:1000;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));animation:confettiFall 3s linear forwards}@keyframes confettiFall{0%{transform:translateY(-10px) rotate(0deg);opacity:1}to{transform:translateY(100vh) rotate(var(--rotation,2turn));opacity:0}}.daisy{position:fixed;opacity:.75;z-index:1;animation:gentleFloat 6s ease-in-out infinite;pointer-events:none;filter:drop-shadow(0 3px 5px rgba(0,0,0,.1))}.daisy-1{top:10%;left:5%;font-size:3.5rem;animation-delay:0s}.daisy-2{top:20%;right:8%;font-size:2.5rem;animation-delay:1.2s;filter:blur(1px)}.daisy-3{top:30%;left:-2%;font-size:4.5rem;animation-delay:2.5s;opacity:.4}.daisy-4{top:40%;right:5%;font-size:3rem;animation-delay:.8s}.daisy-5{top:55%;left:10%;font-size:2rem;animation-delay:3s;filter:blur(2px)}.daisy-6{top:65%;right:-2%;font-size:5rem;animation-delay:1.5s;opacity:.5}.daisy-7{bottom:20%;left:8%;font-size:3rem;animation-delay:2.2s}.daisy-8{bottom:25%;right:12%;font-size:2.5rem;animation-delay:.5s}.daisy-9{bottom:10%;left:15%;font-size:4rem;animation-delay:1.8s}.daisy-10{bottom:5%;right:8%;font-size:3.5rem;animation-delay:2.9s}.daisy-11{top:15%;left:25%;font-size:1.8rem;animation-delay:4s;filter:blur(2px)}.daisy-12{top:75%;right:20%;font-size:2.2rem;animation-delay:3.5s}@keyframes gentleFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(8deg)}}.screen{display:none;min-height:100vh;position:relative;z-index:10}.screen.active{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.mektup-screen.screen.active{height:100vh;min-height:100vh;max-height:100vh;overflow:hidden;justify-content:flex-start;padding:12px 16px 16px}.mektup-screen .main-title{margin-top:12px;margin-bottom:16px;flex-shrink:0}.mektup-screen .envelope-wrapper{flex-shrink:0;margin-bottom:12px}.mektup-screen .letter-emerged{flex:1 1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;margin-bottom:8px;width:100%;max-width:520px}.mektup-screen .letter-emerged .letter-page{min-height:auto;padding:20px 18px}.mektup-screen .letter-after-buttons{flex-shrink:0;margin-top:8px}@media (max-width:600px){.mektup-screen.screen.active{height:auto;min-height:100vh;max-height:none;overflow-y:auto;padding:16px 12px 20px}.ayna-mesafe-wrapper{padding:16px 12px 20px;border-radius:0;box-shadow:0 12px 32px rgba(0,0,0,.18)}body.ayna-mesafe-body{padding:8px 0;align-items:flex-start}.ayna-mesafe-header{flex-direction:column;align-items:flex-start}.ayna-mesafe-title{font-size:2.1rem}}.main-title{font-family:Dancing Script,cursive;font-size:3.8rem;color:#c98b8b;margin-top:40px;margin-bottom:50px;text-align:center;animation:fadeInDown 1s ease-out;text-shadow:2px 2px 4px hsla(0,36%,67%,.3);transition:opacity .8s ease,transform .8s ease}.envelope-wrapper.letter-visible~.main-title{animation:titleFadeOut .6s ease-out forwards;pointer-events:none}@keyframes titleFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.envelope-wrapper{position:relative;margin-bottom:40px;min-height:280px}.envelope-container{perspective:1000px;position:relative;z-index:5;transition:transform .3s ease}.envelope{width:340px;height:230px;position:relative;transform-style:preserve-3d;margin:0 auto}.envelope-front{width:100%;height:100%;background:linear-gradient(135deg,#f5e6d3,#e8d5c4 50%,#f0ddd0);border-radius:8px;position:relative;box-shadow:0 15px 35px rgba(0,0,0,.25),0 5px 15px hsla(0,35%,74%,.2),inset 0 2px 5px hsla(0,0%,100%,.4),inset 0 -2px 5px rgba(0,0,0,.1);transform-origin:bottom;transition:transform .6s cubic-bezier(.68,-.55,.265,1.55);border:1px solid hsla(0,35%,74%,.25);border-top:2px solid hsla(0,35%,74%,.3)}.envelope-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,hsla(0,35%,74%,.03) 0,hsla(0,35%,74%,.03) 20px);border-radius:8px;pointer-events:none}.envelope-flap{width:100%;height:55%;position:absolute;top:0;left:0;transform-origin:top center;transition:transform .8s cubic-bezier(.68,-.55,.265,1.55);z-index:4;-webkit-clip-path:polygon(0 0,50% 100%,100% 0);clip-path:polygon(0 0,50% 100%,100% 0);background:linear-gradient(135deg,#e8d5c4,#d4c4b0 50%,#e0cbb8);box-shadow:0 -5px 15px rgba(0,0,0,.25)}.envelope.opened .envelope-flap{transform:rotateX(-180deg);z-index:1}.envelope-seal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3.5rem;cursor:pointer;transition:all .4s ease;z-index:5;animation:sealFloat 3s ease-in-out infinite;filter:drop-shadow(0 2px 8px rgba(212,165,165,.4))}@keyframes sealFloat{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-5px)}}.envelope-seal:hover{transform:translate(-50%,-50%) scale(1.2) translateY(-3px)}.envelope.opened .envelope-seal{opacity:0;transform:translate(-50%,-50%) scale(0);pointer-events:none}.envelope-back{width:100%;height:100%;background:linear-gradient(135deg,#f5e6d3,#e8d5c4);border-radius:8px;position:absolute;top:0;left:0;z-index:1;border:1px solid hsla(0,35%,74%,.15)}.envelope-inner{position:absolute;top:5px;left:5px;right:5px;bottom:5px;background:hsla(0,0%,100%,.2);border-radius:5px}.letter-inside{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:300px;max-height:130px;z-index:3;opacity:0;overflow:hidden}.envelope.opened .letter-inside{opacity:0}.letter-inside .letter-page{background:#fffef7;padding:30px 25px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);min-height:180px;font-size:.8rem;line-height:1.5;border:1px solid hsla(0,35%,74%,.25)}.envelope-wrapper.envelope-sliding .envelope-container{animation:envelopeSlideDown 1.2s cubic-bezier(.5,0,.2,1) forwards;pointer-events:none}@keyframes envelopeSlideDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(150px);opacity:0}}.envelope-wrapper.envelope-sliding{min-height:260px;margin-bottom:20px}.letter-emerged{position:relative;width:90%;max-width:650px;margin:0 auto 18px;z-index:10;opacity:0;transform:scale(.9) translateY(40px)}.letter-emerged.show{animation:letterComeForward 1s cubic-bezier(.2,.8,.2,1) forwards}@keyframes letterComeForward{0%{opacity:0;transform:scale(.9) translateY(40px)}to{opacity:1;transform:scale(1) translateY(0)}}.letter-emerged .letter-page{background:#fffef7;padding:28px 24px;border-radius:12px;box-shadow:0 15px 50px rgba(0,0,0,.12);min-height:0;display:none;border:2px solid #f5e6d3;position:relative;width:100%}.letter-emerged .letter-page.active{display:block}.letter-emerged .letter-content{font-family:Playfair Display,serif;font-size:1.15rem;line-height:1.85;color:#4a4a4a;text-align:justify;padding-left:12px}.open-btn{font-family:Dancing Script,cursive;font-size:1.5rem;font-weight:600;padding:16px 45px;min-height:48px;background:linear-gradient(135deg,#d4a5a5,#c89595 50%,#b88585);color:#fff;border:none;border-radius:50px;cursor:pointer;box-shadow:0 6px 20px hsla(0,35%,74%,.4);transition:all .3s ease;animation:fadeInUp 1s ease-out .5s both;position:relative;z-index:10}.open-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 10px 30px hsla(0,35%,74%,.5)}.open-btn.fade-out{animation:fadeOutScale .4s ease-in forwards;pointer-events:none}@keyframes fadeOutScale{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.8)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.letter-after-buttons{display:flex;justify-content:center;align-items:center;margin-top:16px;animation:fadeInUp .8s ease-out}.video-after-btn{font-family:Dancing Script,cursive;font-size:1.4rem;font-weight:600;padding:16px 40px;min-height:48px;border-radius:50px;cursor:pointer;transition:all .3s ease;letter-spacing:.5px;text-decoration:none;border:none;background:linear-gradient(135deg,#d4a5a5,#c89595);color:#fff;box-shadow:0 5px 20px hsla(0,35%,74%,.4)}.video-after-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px hsla(0,35%,74%,.5);background:linear-gradient(135deg,#e0b5b5,#d4a5a5)}@media (max-width:768px){.screen.active{padding:24px 12px 40px;justify-content:flex-start}.mektup-screen.screen.active{padding:10px 12px 12px}.mektup-screen .envelope-wrapper{min-height:220px}.mektup-screen .letter-emerged .letter-content{font-size:1rem;line-height:1.75;padding-left:0}.main-title{font-size:2.8rem;margin-top:30px;margin-bottom:30px}.envelope{width:300px;height:200px}.mektup-screen .envelope{width:260px;height:172px}.letter-inside{width:260px;max-height:160px}.letter-emerged .letter-page{padding:40px 30px;min-height:300px}.daisy{font-size:2.5rem}.daisy-3,.daisy-6{font-size:3.5rem}.login-popup-window{max-width:100%}.login-popup-body{padding:24px 20px 32px}.letter-after-buttons{flex-direction:column}.ayna-mesafe-wrapper{margin:16px;padding:18px 14px 26px}.ayna-mesafe-content{flex-direction:column}.mirror-box{height:60vh;max-height:60vh}}.letter-mouse-trail{position:fixed;font-size:20px;pointer-events:none;z-index:999;animation:letterMouseFloat 1.1s ease-out forwards;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}@keyframes letterMouseFloat{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-35px) scale(1.25)}}@media (max-width:768px){.main-title{font-size:2.8rem;margin-bottom:40px}.envelope{width:300px;height:200px}.letter-inside{width:260px;max-height:160px}.letter-emerged .letter-content{font-size:1.15rem;line-height:1.9;padding-left:0}.letter-emerged .letter-page{padding:40px 30px;min-height:300px}.daisy{font-size:2.5rem}.daisy-3,.daisy-6{font-size:3.5rem}.login-popup-window{max-width:100%}.login-popup-body{padding:24px 20px 32px}.letter-after-buttons{flex-direction:column}}.beni-seviyor-musun-page{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-align:center;padding:20px;transition:all 1.5s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0;overflow:hidden;position:relative}.beni-seviyor-musun-page,.beni-seviyor-musun-page.accepted{background:linear-gradient(135deg,#8b4513,sienna 50%,peru)}.beni-seviyor-musun-page h1{color:#fff8dc;font-size:2.8em;margin-bottom:35px;text-shadow:3px 3px 6px rgba(0,0,0,.3);font-weight:700;letter-spacing:1px}.beni-seviyor-musun-page .buttons{display:flex;gap:25px;margin-top:25px;flex-wrap:wrap;justify-content:center;z-index:10}.beni-seviyor-musun-page button{padding:18px 35px;font-size:1.3em;border:none;border-radius:60px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);font-weight:600;box-shadow:0 6px 15px rgba(0,0,0,.3);position:relative;overflow:hidden}.beni-seviyor-musun-page .hidden{display:none!important}.beni-seviyor-musun-page .cat-image{max-width:300px;max-height:300px;width:auto;height:auto;border-radius:20px;margin:20px auto;display:block;box-shadow:0 10px 40px rgba(0,0,0,.5);border:3px solid rgba(210,105,30,.5);animation:catAppear 1s ease-out forwards;object-fit:contain}@keyframes catAppear{0%{opacity:0;transform:scale(.5) rotate(-10deg)}50%{transform:scale(1.1) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.beni-seviyor-musun-page #message{font-size:2.2em;color:#fff8dc;margin-top:35px;animation:bounce 2s infinite;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-8px)}}.beni-seviyor-musun-page .heart{color:rgba(139,69,19,.9);font-size:3.5em;animation:float 4s ease-in-out infinite;margin:25px 0;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}@keyframes float{0%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-15px) rotate(5deg)}50%{transform:translateY(-25px) rotate(0deg)}75%{transform:translateY(-15px) rotate(-5deg)}to{transform:translateY(0) rotate(0deg)}}.beni-seviyor-musun-page .confetti{position:fixed;z-index:1000;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));animation:confettiFall 3s linear forwards}.beni-seviyor-musun-page .mouse-coffee{position:fixed;font-size:24px;pointer-events:none;z-index:999;animation:mouseCoffeeFloat 1.2s ease-out forwards;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}@keyframes mouseCoffeeFloat{0%{opacity:1;transform:translateY(0) scale(1) rotate(0deg)}to{opacity:0;transform:translateY(-40px) scale(1.3) rotate(15deg)}}.beni-seviyor-musun-page .glow{animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 20px rgba(34,139,34,.5)}to{box-shadow:0 0 30px rgba(34,139,34,.8),0 0 40px rgba(34,139,34,.3)}}.beni-seviyor-musun-page #yes{background:linear-gradient(45deg,#228b22,#32cd32);color:#fff}.beni-seviyor-musun-page #no{background:linear-gradient(45deg,#dc143c,tomato);color:#fff}.beni-seviyor-musun-page #no:hover{transform:scale(.92) rotate(-2deg)}.beni-seviyor-musun-page #yes:hover{transform:scale(1.08) rotate(1deg);box-shadow:0 8px 25px rgba(34,139,34,.4)}@media (max-width:768px){.beni-seviyor-musun-page h1{font-size:2em;margin-bottom:25px}.beni-seviyor-musun-page .buttons{gap:15px;margin-top:20px}.beni-seviyor-musun-page button{padding:15px 25px;font-size:1.1em}.beni-seviyor-musun-page #message{font-size:1.8em}.beni-seviyor-musun-page .heart{font-size:2.8em}}@media (max-width:480px){.beni-seviyor-musun-page h1{font-size:1.6em}.beni-seviyor-musun-page button{padding:12px 20px;font-size:1em}.beni-seviyor-musun-page .buttons{flex-direction:column;align-items:center}.beni-seviyor-musun-page #message{font-size:1.5em}.beni-seviyor-musun-page .heart{font-size:2.2em}}body.ayna-mesafe-body{font-family:Playfair Display,serif;background:linear-gradient(135deg,#fdfbfb,#f4eae6 30%,#e8d5c4 70%,#dfc3b8);min-height:100vh;margin:0;padding:12px 0;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.ayna-mesafe-wrapper{position:relative;max-width:980px;width:100%;padding:24px 20px 28px;border-radius:24px;background:hsla(0,0%,100%,.9);box-shadow:0 20px 60px rgba(0,0,0,.18);z-index:20}.ayna-mesafe-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:12px}.ayna-mesafe-title{font-family:Dancing Script,cursive;font-size:2.5rem;color:#c98b8b}.ayna-mesafe-tabs{display:flex;gap:10px}.ayna-mesafe-tab-btn{border:none;border-radius:999px;padding:8px 18px;font-size:.95rem;cursor:pointer;background:hsla(0,36%,67%,.12);color:#8b5b5b;transition:background .25s ease,color .25s ease,transform .15s ease}.ayna-mesafe-tab-btn.active{background:linear-gradient(135deg,#d4a5a5,#c89595);color:#fff}.ayna-mesafe-tab-btn:hover{transform:translateY(-1px)}.ayna-mesafe-content{display:flex;flex-wrap:wrap;gap:24px}.ayna-panel,.mesafe-panel{flex:1 1 280px;min-width:0}.panel-card{border-radius:20px;background:#fffef8;padding:20px 20px 22px;box-shadow:0 10px 35px rgba(0,0,0,.12)}.panel-title{font-family:Dancing Script,cursive;font-size:1.8rem;color:#b37474;margin-bottom:8px}.panel-desc{font-size:.9rem;color:#6a5c5c;line-height:1.6;margin-bottom:14px}.info-badge{display:inline-block;font-size:.78rem;padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.03);color:#655;margin-bottom:10px}.mirror-box{position:relative;margin:0 auto;border-radius:20px;overflow:hidden;background:radial-gradient(circle at top,#3a3a3a,#050505);box-shadow:0 12px 32px rgba(0,0,0,.5),0 0 0 2px hsla(0,0%,100%,.08),inset 0 0 20px rgba(0,0,0,.8);width:100%;max-width:420px;aspect-ratio:3/4;height:auto;max-height:calc(100vh - 220px)}#mirror-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.mirror-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(circle at top,rgba(0,0,0,.55),rgba(0,0,0,.85));color:#f5f5f5;text-align:center;font-size:.9rem;line-height:1.6}.mirror-controls{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:10px;font-size:.8rem;color:#7a6a6a}.mirror-btn{border:none;border-radius:999px;padding:8px 16px;font-size:.85rem;cursor:pointer;background:linear-gradient(135deg,#d4a5a5,#c89595);color:#fff;box-shadow:0 5px 18px hsla(0,35%,74%,.45);transition:transform .15s ease,box-shadow .15s ease}.mirror-btn:hover{transform:translateY(-1px);box-shadow:0 7px 22px hsla(0,35%,74%,.55)}.status-line{font-size:.78rem;color:#7a6a6a}.status-ok{color:#2f8f43}.status-error{color:#c0392b}.mesafe-result{font-size:1.9rem;font-weight:600;color:#c98b8b;margin:10px 0 4px}.mesafe-sub{font-size:.9rem;color:#6a5c5c;line-height:1.6}.mesafe-cta-btn{margin-top:12px;border-radius:999px;border:none;padding:10px 20px;font-size:.9rem;cursor:pointer;background:linear-gradient(135deg,#d4a5a5,#c89595);color:#fff;box-shadow:0 5px 18px hsla(0,35%,74%,.45);transition:transform .15s ease,box-shadow .15s ease}.mesafe-cta-btn:hover{transform:translateY(-1px);box-shadow:0 7px 22px hsla(0,35%,74%,.55)}.mesafe-target{font-size:.85rem;color:#7a6a6a;margin-top:4px}.mini-note{font-size:.75rem;color:#9a8b8b;margin-top:10px}