.login-container{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.login-wrapper{width:100%;max-width:28rem;padding:0 1rem}@media (min-width:640px){.login-wrapper{padding:0 2rem}}.login-card{background:var(--color-surface);border-radius:1rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);padding:1.5rem}@media (min-width:640px){.login-card{padding:2.5rem}}.login-title{font-size:1.5rem;margin-bottom:.5rem;text-align:center;color:var(--color-text-strong);font-weight:600}@media (min-width:640px){.login-title{font-size:1.875rem}}.login-subtitle{color:var(--color-text-muted);text-align:center;margin-bottom:1.5rem;font-size:.875rem}@media (min-width:640px){.login-subtitle{margin-bottom:2rem;font-size:1rem}}.login-form{display:flex;flex-direction:column;gap:1.25rem}@media (min-width:640px){.login-form{gap:1.5rem}}.form-group{display:flex;flex-direction:column}.form-label{display:block;font-size:.875rem;margin-bottom:.5rem;color:var(--color-text)}.form-input{width:100%;padding:.75rem 1rem;border-radius:.5rem;border:1px solid #d1d5db;font-size:1rem;transition:all .2s;box-sizing:border-box}.form-input:focus{outline:none;ring:2px;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(124,58,237,.1)}.forgot-password-wrapper{display:flex;justify-content:flex-end}.create-account-section{margin-top:1.5rem;text-align:center}.create-account-text{color:var(--color-text-subtle);font-size:.875rem;margin-bottom:.75rem}