.login-page{display:flex;flex-direction:column;min-height:100vh}.login-header{padding:18px 40px}.login-content{flex:1;display:flex;align-items:center;justify-content:center;padding:0 40px}.login-inner{gap:24px;width:100%;max-width:400px}.login-context,.login-inner{display:flex;flex-direction:column}.login-context{gap:4px}.login-context p:first-child{color:var(--color-text-primary)}.login-context p:last-child{color:var(--color-text-tertiary)}.login-footer{display:flex;justify-content:center;padding:24px 40px}.login-inner button{background:transparent;border:none;border-radius:2px;transition:background-color .1s ease-out}.login-inner button.google-button,.login-inner button:hover:not(:disabled){background:var(--color-background-secondary)}.login-inner button.google-button:hover:not(:disabled){background:var(--color-background-tertiary)}.login-inner button:disabled{opacity:.5}.login-inner button p{color:var(--color-text-primary)}.login-inner button:disabled p{color:var(--color-stone)}.login-inner button>div:last-child{background:transparent}.login-inner button svg{color:var(--color-text-primary)}.login-inner button:disabled svg{color:var(--color-stone)}.login-inner input{color:var(--color-text-primary);font-size:15px;line-height:24px}.login-inner input::placeholder{color:var(--color-text-tertiary)}.login-inner [class*=border]{border-color:var(--color-linen);border-radius:2px}.login-inner [class*=border]:focus-within{border-color:var(--color-stone)}.login-inner [class*=border-fire]{border-color:var(--color-fire,#e65a5d)}.login-inner span{color:var(--color-text-tertiary)}.login-inner .text-fire{color:var(--color-fire,#e65a5d)}.login-inner .line-through{color:var(--color-stone)}.login-inner span[class*=cursor-pointer]{color:var(--color-charcoal)}.login-inner span[class*=cursor-pointer]:hover{color:var(--color-text-primary)}.login-footer span{color:var(--color-charcoal);transition:color .1s ease-out}.login-footer a:hover span{color:var(--color-text-primary)}@media (max-width:768px){.login-content,.login-footer,.login-header{padding-left:32px;padding-right:32px}}