:root{--ease-smooth:cubic-bezier(.16, 1, .3, 1);--ease-pop:cubic-bezier(.34, 1.56, .64, 1)}.mainLoginPage{background:radial-gradient(circle at 12% 18%,#dfb24f24,#0000 25%),radial-gradient(circle at 88% 82%,#15604c24,#0000 28%),linear-gradient(135deg,#f7faf9 0%,#edf5f2 48%,#dfece8 100%);position:relative;overflow:hidden}.mainLoginPage:before{content:"";pointer-events:none;border:1px solid #15604c14;border-radius:999px;width:420px;height:420px;position:absolute;top:-220px;right:-160px;box-shadow:0 0 0 55px #15604c06,0 0 0 110px #15604c05}.mainLoginPage:after{content:"";pointer-events:none;background-image:radial-gradient(#15604c17 1px,#0000 1px);background-size:25px 25px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#00000080,#0000 72%);mask-image:linear-gradient(#00000080,#0000 72%)}.mainCardLogin{width:min(1080px,100vw - 32px);min-height:620px;max-height:calc(100vh - 48px);animation:cardIntro .75s var(--ease-smooth) forwards;background:#fff;border:1px solid #15604c24;border-radius:22px;overflow-y:auto;box-shadow:0 34px 85px #08342a33,0 12px 32px #08342a1a,inset 0 1px #fffffff2}.mainCardLogin:before{content:"";inset-inline:0;z-index:20;pointer-events:none;background:linear-gradient(90deg,#15604c,#dfb24f,#15604c);height:3px;position:absolute;top:0}.loginCard{background:radial-gradient(circle at 10% 8%,#dfb24f0e,#0000 25%),#fff}.logo{opacity:0;animation:logoIntro .9s var(--ease-pop) .1s forwards}.loginCard>div:first-child>p,.loginCard>div:first-child>div{opacity:0;animation:fadeUp .75s var(--ease-smooth) .25s forwards}.loginCard>div:first-child>span{opacity:0;animation:fadeUp .75s var(--ease-smooth) .38s forwards}.loginCard .mantine-TextInput-root{opacity:0;animation:fadeUp .75s var(--ease-smooth) .5s forwards}.loginCard .mantine-PasswordInput-root{opacity:0;animation:fadeUp .75s var(--ease-smooth) .62s forwards}.loginCard>div:nth-child(2)>div>span{opacity:0;animation:fadeUp .7s var(--ease-smooth) .74s forwards}.loginCard>.mantine-Flex-root button:first-child{opacity:0;animation:fadeUp .7s var(--ease-smooth) .82s forwards}.loginCard>.mantine-Flex-root button:last-child{opacity:0;animation:fadeUp .7s var(--ease-smooth) .9s forwards}.iconLogin{opacity:0;animation:slideInLeft .9s var(--ease-smooth) .2s forwards}.iconLogin img{object-fit:cover;object-position:center;width:100%;height:100%}@keyframes cardIntro{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes logoIntro{0%{opacity:0;filter:blur(5px);transform:translateY(-18px)scale(.72)}60%{opacity:1;filter:blur();transform:translateY(2px)scale(1.04)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes fadeUp{0%{opacity:0;filter:blur(3px);transform:translateY(14px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;filter:blur(7px);transform:translate(-34px)scale(1.02)}to{opacity:1;filter:blur();transform:translate(0)scale(1)}}@media (max-width:1023px){.mainCardLogin{width:min(520px,100vw - 32px);min-height:auto}.loginCard{min-height:570px}}@media (max-width:640px){.mainLoginPage{padding-block:16px;align-items:flex-start!important}.mainCardLogin{border-radius:16px;width:calc(100vw - 24px);max-height:none}.loginCard{min-height:calc(100vh - 34px);padding:28px 20px}}@media (prefers-reduced-motion:reduce){.mainCardLogin,.logo,.loginCard *,.iconLogin{animation-duration:.01ms!important;animation-delay:0s!important}}