@import "https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600;700&family=Quicksand:wght@400;500&display=swap";:root{--bg-black:#050505;--font-romantic:"Dancing Script", cursive;--font-main:"Quicksand", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html,#root{background-color:var(--bg-black);width:100%;height:100%;font-family:var(--font-main);overflow:hidden}.three-canvas{z-index:1;width:100%;height:100%;position:fixed;top:0;left:0}.overlay-layer{z-index:10;pointer-events:none;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.loading-screen{z-index:1000;background:#050505;justify-content:center;align-items:center;transition:opacity .75s ease-out;display:flex;position:fixed;inset:0}.loading-screen--exit{opacity:0;pointer-events:none}.loader{justify-content:center;align-items:center;width:76px;height:76px;display:flex;position:relative}.loader-ring{border:5px solid #ff3e6d;border-color:#ff3e6d #ff3e6d8c #ff3e6d26 #ff3e6d26;border-radius:50%;animation:.88s linear infinite loaderSpin;position:absolute;inset:0}@keyframes loaderSpin{to{transform:rotate(360deg)}}.loader-heart{color:#ff3e6d;text-shadow:0 0 18px #ff3e6db3,0 0 40px #ff3e6d59;-webkit-user-select:none;user-select:none;font-size:2rem;line-height:1;animation:1.15s ease-in-out infinite heartbeat;position:relative}@keyframes heartbeat{0%{transform:scale(1)}12%{transform:scale(1.4)}24%{transform:scale(1)}36%{transform:scale(1.22)}60%{transform:scale(1)}to{transform:scale(1)}}.heart-overlay{z-index:998;pointer-events:none;opacity:1;background:radial-gradient(circle at 38% 35%,#ff85b0 0%,#e01860 40%,#8a0030 100%);border-radius:27px;position:fixed;transform:translate(-50%,-50%)scale(1);box-shadow:0 0 80px #e01860b3,inset 0 0 60px #ff78aa40}.heart-overlay--growing{border-radius:50%;transition:transform 1.55s cubic-bezier(.4,0,.2,1),border-radius .4s ease-out;transform:translate(-50%,-50%)scale(85)}.heart-overlay--fading{opacity:0;border-radius:50%;transition:opacity .75s ease-out;transform:translate(-50%,-50%)scale(85)}.floating-parchment{pointer-events:auto;-webkit-backdrop-filter:blur(26px)saturate(1.4);color:#2d0e1e;text-align:center;width:100%;max-width:550px;transform-style:preserve-3d;box-sizing:border-box;background:linear-gradient(150deg,#ffffffd1 0%,#fff0f8c2 50%,#ffffffd1 100%);border:1px solid #dc96b499;border-radius:20px;padding:2.8rem 3rem 11rem;transition:opacity .5s ease-out,filter .5s ease-out;animation:6s ease-in-out infinite float;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,inset 0 -1px #dc82a533,0 0 0 1px #cd649161,0 0 0 5px #fff8fc33,0 0 0 6px #cd699429,0 30px 80px #a0325f61,0 0 70px #ffa0c82e}.floating-parchment.stage-transition{pointer-events:none;animation:6s ease-in-out infinite float,1.1s ease-in forwards cardExit}@keyframes cardExit{0%{opacity:1;filter:blur();transform:scale(1)}40%{opacity:.6;filter:blur(3px);transform:scale(1.04)}to{opacity:0;filter:blur(16px);transform:scale(1.12)}}.floating-parchment.stage-message{opacity:1;filter:blur();animation:8s ease-in-out infinite float,.9s ease-out forwards fadeIn;transform:scale(1)translateZ(0)}@keyframes fadeIn{0%{opacity:0;filter:blur(6px);transform:scale(.97)translateY(10px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}@keyframes float{0%,to{transform:translateY(0)rotate(1deg)}50%{transform:translateY(-20px)rotate(-1deg)}}.card-flowers{pointer-events:none;z-index:0;position:absolute;inset:0}.cf-leaf{opacity:.92;width:55px;height:130px;position:absolute;bottom:88px;left:6px}.cf-rose{width:225px;height:225px;position:absolute;bottom:-40px;left:-28px}.cf-dahlia{width:148px;height:148px;position:absolute;bottom:-34px;left:52px}.cf-cream{width:168px;height:168px;position:absolute;bottom:-32px;right:-22px}.login-content,.message-content{z-index:1;position:relative}.parchment-title{font-family:var(--font-romantic);color:#8c1535;text-shadow:0 1px 4px #8c153526;margin-bottom:2rem;font-size:3rem}.input-wrapper{margin:2.5rem 0;position:relative}.password-label{text-transform:uppercase;letter-spacing:.3em;color:#781e46d9;margin-bottom:.8rem;font-size:.8rem;font-weight:600;display:block}.custom-input{width:100%;font-family:var(--font-romantic);color:#2d0e1e;text-align:center;background:0 0;border:none;border-bottom:1.5px solid #b4507859;outline:none;padding:.5rem;font-size:2rem;transition:all .4s}.custom-input::placeholder{color:#b4648773}.custom-input:focus{border-bottom-color:#8c1535;box-shadow:0 4px 14px -4px #8c153533}.hint-text{font-family:var(--font-romantic);color:#5a1932b8;margin-top:1.5rem;font-size:1.4rem}.wax-heart-btn{cursor:pointer;background:linear-gradient(145deg,#e01860,#b00e48);border:1px solid #eb82aa80;border-radius:36px;justify-content:center;align-items:center;width:140px;height:72px;margin:0 auto;padding:0 6px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 8px 24px #c8145066,0 0 36px #c8145024,inset 0 1px #ffd2e659,inset 0 0 14px #0000002e}.wax-heart-btn:hover{transform:scale(1.08);box-shadow:0 12px 32px #c814508c,0 0 56px #c814503d,inset 0 1px #ffd2e666,inset 0 0 14px #00000026}.message-content h1{font-family:var(--font-romantic);color:#8c1535;text-shadow:0 1px 4px #8c153526;margin-bottom:1.5rem;font-size:3.5rem}.message-content p{font-family:var(--font-romantic);color:#3a0e22;margin-bottom:1.5rem;font-size:1.8rem;line-height:1.6}.signature{font-size:2.2rem;font-family:var(--font-romantic);color:#82143ce6;text-align:right;margin-top:1rem}.error-shake{animation:.4s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-15px)}75%{transform:translate(15px)}}.close-btn{text-transform:uppercase;color:#5a193285;cursor:pointer;letter-spacing:.2em;margin-top:2rem;font-size:.7rem}.close-btn:hover{color:#5a1932eb}@media (width<=600px){.floating-parchment{padding:2.2rem 1.8rem 9rem}.parchment-title{font-size:2.2rem}.message-content h1{font-size:2.5rem}.message-content p{font-size:1.4rem}.custom-input{font-size:1.6rem}.wax-heart-btn{width:122px;height:62px}.cf-rose{width:180px;height:180px;bottom:-30px;left:-20px}.cf-dahlia{width:120px;height:120px;bottom:-26px;left:40px}.cf-cream{width:135px;height:135px;bottom:-24px;right:-16px}.cf-leaf{width:44px;height:104px;bottom:68px;left:4px}}