1  main {
 2    height: 100dvh;
 3    width: 100dvw;
 4    display: flex;
 5    align-items: center;
 6    justify-content: center;
 7    gap: 24px;
 8    flex-direction: column;
 9  }
10  
11  .branding {
12    display: flex;
13    flex-direction: column;
14    gap: 8px;
15    align-items: center;
16  
17    .title {
18      font-size: 40px;
19      line-height: 32px;
20    }
21  }
22  
23  .description {
24    color: var(--text-secondary);
25  }
26  
27  .form {
28    display: flex;
29    flex-direction: column;
30    gap: 8px;
31  }
32  
33  .buttons {
34    display: flex;
35    gap: 24px;
36  }