body{margin:var(--ds-spacing-05) 0}.login{--padding-inline: var(--ds-spacing-04);display:flex;flex:none;flex-direction:column;max-width:450px;margin:0 auto}.login>img{margin-block-end:var(--ds-spacing-05);z-index:1;width:90px;height:100%;align-self:center;background-color:#0d152b;padding:var(--ds-spacing-02);border-radius:var(--br2);box-shadow:var(--box-shadow-0)}.logo{color:var(--ds-button-primary);font-size:2rem;font-family:Jost;font-weight:600;margin-inline-start:calc(var(--ds-spacing-04) + 4px);text-decoration:none;text-align:center;margin-block-end:var(--ds-spacing-01)}.logo>span{color:var(--brand-secondary);font-weight:900}.login h1{text-align:center;margin-block-end:var(--ds-spacing-02)}.login form>div:first-of-type{padding:0 var(--padding-inline)}.login>div:last-of-type,.login>form>div:last-of-type{display:grid;gap:var(--ds-spacing-04);justify-content:stretch;justify-items:stretch;background-color:var(--background-secondary);padding:var(--ds-spacing-05) var(--padding-inline);border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.login>div:last-of-type button,.login form>div:last-of-type button{width:100%}.fields{display:flex;flex-direction:column;flex:none;gap:var(--ds-spacing-04);padding:var(--ds-spacing-04) var(--padding-inline)}@media (min-width: 768px){body{margin:calc(var(--ds-spacing-07) + 42px) var(--ds-spacing-04) var(--ds-spacing-06)}.login{--padding-inline: var(--ds-spacing-07)}}