.signin-wrapper{background-size:400% 400%;justify-content:flex-end;align-items:center;min-height:100vh;font-family:Inter,sans-serif;animation:12s infinite gradientShift;display:flex;position:relative;overflow:hidden;background:#fff!important}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.floating-bg{z-index:1;width:100%;height:100%;position:absolute;overflow:hidden}.bubble{opacity:.25;filter:blur(3px);border-radius:50%;animation:15s ease-in-out infinite floatBubble;position:absolute;box-shadow:0 0 20px #ffffff4d}@keyframes floatBubble{0%{opacity:.2;transform:translateY(0)scale(1)}50%{opacity:.5;transform:translateY(-80px)scale(1.1)}to{opacity:.2;transform:translateY(0)scale(1)}}.bubble1{background:#ff6ec44d;width:160px;height:160px;animation-delay:0s;top:10%;left:10%}.bubble2{background:#7873f540;width:120px;height:120px;animation-delay:3s;bottom:15%;right:15%}.bubble3{background:#42e6954d;width:200px;height:200px;animation-delay:5s;bottom:5%;left:30%}.bubble4{background:#ffc83c40;width:100px;height:100px;animation-delay:7s;top:20%;right:20%}.bubble5{background:#ff6ec433;width:80px;height:80px;animation-delay:9s;bottom:35%;left:5%}.left-text{z-index:2;color:#2c2c2b;flex-direction:column;justify-content:center;max-width:320px;display:flex;position:absolute;top:50%;left:60px;transform:translateY(-50%)}.left-text h2{opacity:0;align-items:center;margin-bottom:1rem;font-size:2.5rem;font-weight:800;animation:1.2s forwards popupText,4s ease-in-out infinite floatSwing,2s ease-in-out infinite alternate pulseGlow;display:flex}.left-text p{opacity:0;font-size:1rem;line-height:1.6;animation-name:popupLeft,floatTextX;animation-duration:1.2s,3s;animation-timing-function:ease,ease-in-out;animation-iteration-count:1,infinite;animation-direction:normal,alternate;animation-play-state:running,running;animation-delay:.5s;animation-fill-mode:forwards,none;animation-timeline:auto,auto}@keyframes popupLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes floatTextX{0%{transform:translate(0)}50%{transform:translate(10px)}to{transform:translate(0)}}.left-text .hand{background:linear-gradient(270deg,#ff6ec4,#7873f5,#42e695,#ffe29f,#ff6ec4,#ffb347,#6a11cb) 0 0/800% 800%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-left:10px;font-size:2.5rem;animation:.8s forwards popupHand,1s infinite waveHand,4s linear infinite gradientFlow;display:inline-block}@keyframes popupText{0%{opacity:0;transform:scale(.5)rotate(-10deg)translateY(20px)}60%{opacity:1;transform:scale(1.2)rotate(5deg)translateY(-10px)}to{opacity:1;transform:scale(1)rotate(0)translateY(0)}}@keyframes floatSwing{0%{transform:translate(0)rotate(0)}25%{transform:translate(2px,-5px)rotate(-1deg)}50%{transform:translate(-2px,5px)rotate(1deg)}75%{transform:translate(2px,-5px)rotate(-1deg)}to{transform:translate(0)rotate(0)}}@keyframes pulseGlow{0%{text-shadow:0 0 10px #fff6;transform:scale(1)}50%{text-shadow:0 0 20px #fff9;transform:scale(1.03)}to{text-shadow:0 0 10px #fff6;transform:scale(1)}}@keyframes gradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes popupHand{0%{opacity:0;transform:translate(-50px)scale(.5)}60%{opacity:1;transform:translate(10px)scale(1.2)}to{transform:translate(0)scale(1)}}@keyframes waveHand{0%{transform:rotate(0)}25%{transform:rotate(15deg)}50%{transform:rotate(-10deg)}75%{transform:rotate(15deg)}to{transform:rotate(0)}}.signin-card{z-index:4;-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid #ffffff0b;border-radius:20px;flex-direction:column;gap:1.5rem;width:400px;margin-right:60px;padding:3.5rem;transition:transform .3s,box-shadow .3s,width .3s,height .3s;display:flex;position:relative;box-shadow:0 20px 60px #00000026;background:#fafafa00!important}.signin-card:hover{transform:scale(1.02);box-shadow:0 25px 80px #00000040}.signin-title{text-align:center;letter-spacing:2px;color:#2c2c2b;opacity:0;margin-bottom:1.5rem;animation:1s forwards titlePopup,4s ease-in-out infinite alternate floatX;display:inline-block;position:relative;font-size:24px!important;font-weight:800!important}@keyframes titlePopup{0%{opacity:0;transform:scale(.7)translateY(10px)}60%{opacity:1;transform:scale(1.1)translateY(-5px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes floatX{0%{transform:translate(0)}50%{transform:translate(5px)}to{transform:translate(0)}}.signin-input .MuiOutlinedInput-root{opacity:0;background:#ffffff0d;border-radius:12px;transition:all .3s;animation:1s .3s forwards inputPopup;border:none!important}.signin-input .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-width:1px!important;border-color:#a4a49c!important}.signin-input .MuiOutlinedInput-root.Mui-focused{transform:scale(1.02);box-shadow:0 0 10px #fff6}.signin-input .MuiInputLabel-root.Mui-focused{color:#2c2c2b}@keyframes inputPopup{0%{opacity:0;transform:translateY(20px)scale(.95)}60%{opacity:1;transform:translateY(-5px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}.signin-button{color:#fff;background:linear-gradient(90deg,#120d71,#8bc6ec,#120d71) 0 0/200% 200%;border-radius:12px;justify-content:center;align-items:center;padding:1rem;font-size:1.1rem;font-weight:700;transition:all .3s;animation:5s infinite gradientButton;display:flex;box-shadow:0 10px 30px #6c63ff40}.signin-button:hover{transform:scale(1.05);box-shadow:0 15px 40px #6c63ff80}@keyframes gradientButton{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.signin-button .MuiButton-startIcon{transition:transform .3s}.signin-button:hover .MuiButton-startIcon{transform:rotate(20deg)scale(1.2)}.signin-links{justify-content:center;gap:8px;margin-top:16px;display:flex}.signin-links a{color:#144d9c;align-items:center;gap:4px;text-decoration:none;transition:all .3s;display:flex}.signin-links a:hover{color:#0b1e4f;text-decoration:underline;transform:scale(1.1)}.signin-links span{color:#555}@media (max-width:1024px){.left-text{left:40px}.signin-card{margin-right:40px}}@media (max-width:768px){.signin-wrapper{flex-direction:column;justify-content:center}.left-text{text-align:center;margin-bottom:2rem;position:relative;top:auto;left:auto;transform:none}.signin-card{width:90%;margin-right:auto}}