@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;700&display=swap";.login-container{height:100vh;width:100%;display:flex;align-items:flex-start;justify-content:center;padding-top:4rem;overflow-x:hidden}.login-wrapper{font-family:Outfit,sans-serif;width:80%;max-width:1440px;display:grid;position:relative;grid-template-areas:"login-logo ." "login-welcome login-form" "login-no-account login-form";row-gap:2rem;-moz-column-gap:4rem;column-gap:4rem;padding:0 2rem}.login-wrapper .login-logo{grid-area:login-logo;position:relative;z-index:1;margin-bottom:1rem}.login-wrapper .login-welcome{grid-area:login-welcome;align-self:center;margin-top:1rem}.login-wrapper .login-no-account{grid-area:login-no-account;margin-top:1rem}.login-wrapper .login-form{grid-area:login-form;align-self:center;margin-top:1rem}@media(min-width:1240px){.login-wrapper{row-gap:4rem;-moz-column-gap:8rem;column-gap:8rem;margin-left:15rem}}.login-wrapper .login-sipay-logo{height:82px;width:228px;-o-object-fit:contain;object-fit:contain}.login-wrapper .login-form{gap:3rem;width:450px}@media(max-width:1024px){.login-wrapper{grid-template-areas:"login-logo" "login-welcome" "login-form" "login-no-account";max-width:calc(100% - 2rem);margin-inline:auto}.login-wrapper .login-sipay-logo{height:63px;width:160px}.login-wrapper .welcome-text{font-size:2rem}.login-wrapper .login-form{gap:2rem}}@media(max-width:500px){.login-wrapper{width:calc(100% - 1rem)}.login-wrapper .login-form{width:auto;justify-self:stretch}}.login-wrapper .welcome-text{display:flex;flex-direction:column;gap:.5rem}.bottom-left-img{bottom:-550px;left:-450px;z-index:-1;height:1070px;width:1276px}