main{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;min-height:calc(100vh - 64px)}#login_card .logo{height:56px;width:56px;border-radius:50%;padding:6px;box-shadow:var(--shadow-md);position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background-color:#fff}[class*=mtr-btn].social-login{display:flex;flex-wrap:wrap;border-radius:8px;gap:16px;text-align:left;justify-content:flex-start;color:#000;font-weight:500;background-color:#fff;box-shadow:var(--shadow-md);transition:all .28s ease;margin:16px 0}button[class*=mtr-btn].social-login{margin:16px 0}.social-login:hover{box-shadow:var(--shadow-lg)}#login_card .divider{margin:24px 0;text-align:center;font-size:10px}.social-login img{height:24px;object-position:center;object-fit:contain}.card{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;box-sizing:content-box;padding:24px;min-width:320px;min-height:320px}.login-form{width:100%;max-width:320px}.register{font-size:14px;text-decoration:underline}@media(max-width:1023px){.card{width:100%}#login_card .logo{display:none}}