body{background:linear-gradient(#fff7e6,#f2e6d9)}.Heading{text-align:center;color:#342004;margin:0;font-family:Brush Script MT,Lucida Handwriting,cursive;line-height:1}.welcome-text{opacity:0;font-size:40px;animation:.8s 1.3s forwards fadeUp;transform:translateY(15px)}.name-text{text-shadow:0 0 10px #34200433;opacity:0;font-size:140px;font-weight:500;animation:1s 1.8s forwards fadeUpBig;transform:translateY(20px)scale(.95)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeUpBig{to{opacity:1;transform:translateY(0)scale(1)}}@keyframes bounce{0%{opacity:0;transform:translateY(-800px)}60%{opacity:1;transform:translateY(0)}75%{transform:translateY(-50px)}90%{transform:translateY(0)}95%{transform:translateY(-10px)}to{transform:translateY(0)}}.bloom-box{justify-content:center;align-items:flex-end;width:70px;height:650px;display:flex}.empty-circle{color:#fff7e6;background-color:#50330b;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-weight:700;display:flex}.animation,.picture{width:auto;height:100%}.box-container{justify-content:center;align-items:flex-end;gap:5px;height:650px;display:flex}.popup-overlay{background:#00000040;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.reflection-input{box-sizing:border-box;resize:none;border:none;border-radius:10px;outline:none;flex:1;width:100%;padding:15px;font-size:16px}.popup-content{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff7e6f2;border-radius:20px;flex-direction:column;gap:15px;width:75%;height:75%;padding:20px;display:flex}.popup-buttons{justify-content:space-between;gap:10px;margin-top:20px;display:flex}.popup-buttons button{cursor:pointer;border:none;border-radius:12px;flex:1;padding:10px 16px;font-family:inherit;font-size:14px;transition:all .2s}.popup-buttons button:first-child{color:#3b2a1a;background-color:#e6d5c3}.popup-buttons button:last-child{color:#fff7e6;background-color:#3b2a1a}.popup-buttons button:hover{opacity:.9;transform:translateY(-2px)}.popup-buttons button:active{transform:translateY(0)scale(.98)}.popup-content{animation:.3s popIn}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.login-page{background:radial-gradient(circle at 30% 20%,#ffdce659,#0000 50%),radial-gradient(circle at 70% 80%,#50330b26,#0000 55%),linear-gradient(#fff7e6,#f2e6d9);justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.login-flower{width:950px;position:absolute;bottom:-40px;right:750px}.login-card{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaebbf;border-radius:28px;flex-direction:column;gap:18px;width:450px;padding:35px;animation:1s floatPage;display:flex;position:relative;box-shadow:0 20px 60px #00000026,inset 0 0 40px #fff6}@keyframes floatPage{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.login-title{color:#3b2a1a;text-align:center;text-shadow:0 3px 10px #0000001a;font-family:Brush Script MT,cursive;font-size:70px}.login-input{background:0 0;border:none;border-bottom:2px solid #50330b33;outline:none;padding:14px 16px;font-family:inherit;font-size:16px;transition:all .2s}.login-input:focus{border-bottom:2px solid #50330b;transform:translateY(-1px)}.login-button{color:#fff7e6;cursor:pointer;background:linear-gradient(135deg,#50330b,#7a4d22);border:none;border-radius:16px;margin-top:10px;padding:14px;font-size:16px;transition:all .2s;box-shadow:0 10px 25px #0003}.login-button:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 14px 30px #00000040}.login-title{letter-spacing:1px}.login-card{animation:.8s floatPage}.signup-mode .login-title{color:#4a2f1c}.signup-flower{width:750px;position:absolute;bottom:-40px;right:850px}