.account{width:100%;max-width:500px;margin:1rem auto;padding:0 1rem}.account__title{font-size:var(--text-3xl);text-align:center;font-weight:800;padding-bottom:1rem;color:var(--four-color)}.account__container{width:100%;display:flex;flex-direction:column;gap:2rem;padding:1rem 0;align-items:center;height:auto}.label--account{font-size:var(--text-base);color:var(--three-color);font-weight:700}.account__login{flex:1;display:flex;flex-direction:column;gap:1rem;width:100%}.account__socialite{width:100%;display:flex;flex-direction:row;gap:1rem}.button__socialite{width:100%;background-color:#fff;border:1px solid #e5e7eb;display:flex;gap:.5rem;align-items:center;justify-content:center;padding:1rem;border-radius:10px;font-size:var(--text-sm);font-weight:600;transition:all .3s ease-in}.icon__socialite{width:1.5rem;height:1.5rem}.button__socialite:hover{background-color:#f9fafb}.login__link{font-size:var(--text-sm);text-align:left;transition:color .3s ease;font-weight:600}.login__link:hover{color:var(--three-color)}.account__register{font-size:var(--text-sm);padding-top:.5rem;text-align:center}.account__content{width:100%;max-width:500px;margin:2rem auto;padding:0 1rem}.account__form{display:grid;grid-template-columns:1fr;gap:1rem}.account__terms{display:flex;gap:.5rem;align-items:center;-webkit-hyphens:none;hyphens:none}.account__check{accent-color:var(--three-color);height:1.2rem;width:1.2rem;flex-shrink:0}.account__term{font-size:var(--text-sm);font-weight:500}@media (width>=1024px){.account{margin:4rem auto}.account__content{margin:3rem auto}}