body{height:100dvh;display:flex;align-items:center;justify-content:center}.body-initialize{background-color:var(--NL_Blue_600)}.body-proceed{background-color:var(--NL_White);transition:background-color 2s linear}.login-container{background-color:var(--NL_White);width:28rem;display:flex;flex-direction:column;padding:3.5rem 2.5rem;border-radius:2rem;box-shadow:0 0 3rem rgba(0,0,0,0.25)}.login-header{display:flex;flex-direction:column;gap:2rem}.login-header-logo{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.title-font{font-family:'Comfortaa-Bold';font-size:5rem}.upper-title-font{color:var(--NL_Blue_400)}.lower-title-font{color:var(--NL_Blue_200)}.login-header-logo-vector svg{height:6rem;fill:var(--NL_Blue_400)}.login-header-subtitle{font-family:'Comfortaa-Bold';font-size:2rem;color:var(--NL_Yellow_400)}.login-content{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.login-content-initialize{animation:appear 2s forwards;animation-iteration-count:1}.login-content-proceed{animation:proceed 1s forwards;animation-iteration-count:1}@keyframes appear{0%{max-height:0;opacity:0}50%{max-height:0;opacity:0}55%{opacity:0}100%{max-height:100vh;opacity:1}}@keyframes proceed{0%{max-height:100vh;opacity:1}60%{opacity:0}100%{max-height:0;opacity:0}}hr{color:var(--NL_Grey_200);border:1px solid}.login-content-txt{font-family:'Satoshi-Medium','Fallback-Medium','Fallback-Regular',sans-serif;font-size:1.25rem;color:var(--NL_Grey_400)}form{width:100%;height:3rem;display:flex;align-items:center;justify-content:center;gap:1rem}form input[type="tel"]{height:100%;box-sizing:border-box;border:2px solid var(--NL_Grey_400);border-radius:1rem;color:var(--NL_Grey_200);font-family:'Satoshi-Medium','Fallback-Medium','Fallback-Regular',sans-serif;font-size:1.25rem;text-align:center;font-variant-numeric:tabular-nums}form input[type="tel"]:valid{color:var(--NL_Grey_400)}form input[type="submit"]{display:none}form label{height:100%;width:3rem;display:flex;align-items:center;justify-content:center;border-radius:1rem;background-color:var(--NL_Grey_400);fill:white}form label:hover{cursor:pointer}form label svg{height:60%}.login-container-footer{font-family:'Satoshi-Regular','Fallback-Regular',sans-serif;font-size:1rem;color:var(--NL_Grey_400)}.login-footer-link{color:var(--NL_Grey_400)}@media only screen and (max-width:1800px){html{font-size:12px}}@media only screen and (max-width:800px){html{font-size:10px}}@media only screen and (max-width:400px){html{font-size:10px}form input[type="tel"]{font-size:1.6rem}form label{width:6rem}}@media only screen and (max-width:280px){html{font-size:6px}}