:root{--color-white:#fff;--color-gray-200:#e6eaed;--color-gray-300:#ced3d9;--color-gray-500:#62748c;--color-gray-900:#121f3b}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body,html{width:100%}body{font-family:Rubik,sans-serif;height:100vh}.container{display:flex;flex-direction:row;height:100%;width:100%}.credentials{background:var(--color-white);display:flex;flex-grow:6;justify-content:center;@media (min-width:768px){flex-grow:7;min-width:450px}.credentials-container{display:grid;grid-template-rows:1fr auto 1fr;max-width:480px;min-width:300px;padding:15px;@media (min-width:768px){padding-bottom:0;padding-left:0;padding-right:0;padding-top:0}}.credentials-container__top-bar{align-items:flex-start;display:flex;justify-content:space-between;margin:32px 0 16px;padding:0;width:100%}.main{width:100%}.main__title{color:var(--color-gray-900);font-size:32px;font-weight:500;letter-spacing:-1.2px;line-height:36px;margin-bottom:46px}.main__subtitle,.main__title{font-style:normal;max-width:424px;text-align:center}.main__subtitle{color:var(--color-gray-500);font-size:15px;font-weight:400;letter-spacing:-.2px;line-height:20px}}.sidebar{background:var(--color-gray-900);color:var(--color-white);display:none;position:relative;@media (min-width:768px){align-items:center;display:flex;flex-grow:4;justify-content:center;max-height:unset;max-width:600px;min-height:unset;min-width:318px}.sidebar-container{align-items:center;background:transparent;display:flex;flex-direction:column;justify-content:center;width:360px}.sidebar-container__image{margin-bottom:24px}.sidebar-container__title{color:var(--color-white);font-size:24px;font-style:normal;font-weight:500;letter-spacing:-.4px;line-height:28px;margin-bottom:32px;text-align:center}.sidebar-container__information{color:var(--color-gray-300);font-size:17px;font-style:normal;font-weight:400;letter-spacing:-.2px;line-height:24px;text-align:center}}