:root{--black: #111;--white: #fff;--red: #b40000;--gray: #9e9ea0;--dark-gray: #707072;--light-gray: #cacacb;--extra-light-gray: #f5f5f5;--green: #007d48;--blue: #1190ff;--text-2xs: .75rem;--text-xs: .8125rem;--text-sm: .9375rem;--text-base: 1rem;--text-lg: 1.0625rem;--text-xl: 1.125rem;--text-2xl: 1.1875rem;--text-3xl: 1.375rem;--text-4xl: 1.5rem;--text-5xl: 2.25rem;--font-light: 300;--font-normal: 400;--font-semibold: 600;--font-bold: 700;--breakpoint-sm: 40rem;--breakpoint-lg: 64rem;--breakpoint-xl: 80rem}.login-wrapper{inline-size:100%;max-inline-size:28rem;margin-inline:auto;padding-block:2.5rem;padding-inline:1.25rem;display:flex;flex-direction:column;font-family:Pretendard,sans-serif;gap:2rem}.login-logo svg{inline-size:3rem;block-size:auto}.login-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--black);line-height:1.5}.login-form{inline-size:100%;display:flex;flex-direction:column;gap:1.5rem}.input-wrapper{border:1px solid var(--light-gray);border-radius:.25rem;background-color:var(--white);padding-block:.625rem;padding-inline:1rem}.input-field{inline-size:100%;border:1px solid var(--light-gray);border-radius:.25rem;background-color:var(--white);padding-block:.625rem;padding-inline:1rem;font-size:var(--text-base);color:var(--black);outline:none}.login-description{font-size:var(--text-xs);color:var(--dark-gray);line-height:1.6}.login-description .link{text-decoration:underline;color:var(--black)}.button{display:inline-flex;justify-content:center;align-items:center;inline-size:7.125rem;block-size:2.5rem;padding-inline:1.875rem;padding-block:.75rem;font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:1;text-align:center;color:var(--white);background-color:var(--black);border:none;border-radius:9999px;cursor:pointer;transition:opacity .2s ease}.button:hover{opacity:.8}.button:focus-visible{outline:.1875rem solid var(--blue)}@media (max-width: calc(var(--breakpoint-sm) - .0625rem)){.login-wrapper{padding-inline:1rem}.button.fill.small{font-size:var(--text-sm);padding-block:.625rem;padding-inline:1.5rem}}@media (min-width: var(--breakpoint-sm)){.login-title{font-size:var(--text-xl)}.button.fill.small{font-size:var(--text-base);padding-inline:2.5rem}}@media (min-width: var(--breakpoint-lg)){.login-wrapper{padding-block:4rem;padding-inline:2rem}.login-title{font-size:var(--text-2xl)}.login-form{gap:1.5rem}}