:root{--ease-smooth:cubic-bezier(0.16,1,0.3,1);--ease-pop:cubic-bezier(0.34,1.56,0.64,1)}.mainLoginPage{background:linear-gradient(135deg,rgb(248,250,252),rgb(230,239,248) 55%,rgb(200,220,240))}.mainCardLogin{width:1100px;height:650px;display:flex;overflow:hidden;border-radius:28px;backdrop-filter:blur(20px);background:rgba(255,255,255,.28);backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);position:relative;border:1px solid rgba(255,255,255,.45);box-shadow:0 25px 60px rgba(45,90,140,.15),inset 0 1px 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(255,255,255,.2);animation:cardIntro .9s var(--ease-smooth) forwards}@keyframes cardIntro{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-card:before{content:"";position:absolute;left:-20%;top:-60%;width:70%;height:220%;transform:rotate(25deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);pointer-events:none}.mainLoginPage:after{content:"";inset:0!important;background-image:radial-gradient(rgb(255 255 255/9%) 2px,transparent 0);background-size:24px 24px;pointer-events:none}.logo{fill:#15604c;opacity:0;animation:logoIntro 1s var(--ease-pop) .15s forwards}@keyframes logoIntro{0%{opacity:0;transform:translateY(-24px) scale(.55) rotate(-10deg);filter:blur(6px)}55%{opacity:1;transform:translateY(3px) scale(1.06) rotate(3deg);filter:blur(0)}to{opacity:1;transform:translateY(0) scale(1) rotate(0deg);filter:blur(0) drop-shadow(0 1px 2px rgba(0,0,0,.15))}}.glass-bg{position:absolute;inset:0;background:rgba(255,255,255,.28);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.25)}.loginCard>div:first-child>p{opacity:0;animation:fadeUp .9s var(--ease-smooth) .4s forwards}.loginCard>div:first-child>span{opacity:0;animation:fadeUp .9s var(--ease-smooth) .55s forwards}.loginCard>div:nth-child(2) .mantine-TextInput-root{opacity:0;animation:fadeUp .9s var(--ease-smooth) .7s forwards}.loginCard>div:nth-child(2) .mantine-PasswordInput-root{opacity:0;animation:fadeUp .9s var(--ease-smooth) .85s forwards}.loginCard>div:nth-child(2)>div>span{opacity:0;animation:fadeUp .8s var(--ease-smooth) 1s forwards}.loginCard>.mantine-Flex-root button:first-child{opacity:0;animation:fadeUp .8s var(--ease-smooth) 1.1s forwards}.loginCard>.mantine-Flex-root button:last-child{opacity:0;animation:fadeUp .8s var(--ease-smooth) 1.2s forwards}.iconLogin{flex:1.4;opacity:0;animation:slideInRight 1.1s var(--ease-smooth) .5s forwards}@keyframes slideInRight{0%{opacity:0;transform:translateX(40px) scale(1.03);filter:blur(8px)}to{opacity:1;transform:translateX(0) scale(1);filter:blur(0)}}.iconLogin img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:12px}#Group_3{animation:letterIn 2s ease-in-out infinite alternate}@keyframes letterIn{0%{transform:translateY(-20px);opacity:1}70%{transform:translate(28px,10px);opacity:1}to{transform:translate(28px,10px);opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}