.signup{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg);padding:3rem 1rem}@media(min-width:640px){.signup{padding:3rem 1.5rem}}@media(min-width:1024px){.signup{padding:3rem 2rem}}.signup__container{max-width:28rem;width:100%}.signup__header{text-align:center}.signup__header h2{margin-top:1.5rem;font-size:1.875rem;font-weight:800;color:var(--color-text)}.signup__header-text{margin-top:.5rem;font-size:.875rem;color:var(--color-text-muted)}.signup__header-text a{font-weight:500;color:var(--color-primary);text-decoration:none}.signup__header-text a:hover{opacity:.8}.signup__form{margin-top:2rem}.signup__alert{margin-bottom:1rem;padding:1rem;border-radius:var(--radius-md);background-color:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3)}.signup__alert-text{font-size:.875rem;color:#dc2626}.signup__fields{display:flex;flex-direction:column;gap:1rem}.signup__field label{font-weight:500;margin-bottom:.25rem}.signup__field input,.signup__field label{display:block;font-size:.875rem;color:var(--color-text)}.signup__field input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);transition:var(--transition-fast)}.signup__field input::-moz-placeholder{color:var(--color-text-muted)}.signup__field input::placeholder{color:var(--color-text-muted)}.signup__field input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.signup__field input.input--error{border-color:#ef4444}.signup__field-error{margin-top:.25rem;font-size:.875rem;color:#dc2626}.signup__submit{margin-top:1.5rem}.signup__button{position:relative;width:100%;display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--color-text);background-color:var(--color-primary);cursor:pointer;transition:var(--transition-fast)}.signup__button:hover:not(:disabled){opacity:.9}.signup__button:focus{outline:none;box-shadow:0 0 0 3px var(--color-primary-soft)}.signup__button:disabled{opacity:.5;cursor:not-allowed}.signup__button-spinner{display:flex;align-items:center}.signup__button-spinner svg{animation:spin 1s linear infinite;margin-left:-.25rem;margin-right:.75rem;height:1.25rem;width:1.25rem;color:var(--color-text)}.signup__button-spinner svg circle{opacity:.25}.signup__button-spinner svg path{opacity:.75}.signup__terms{margin-top:1.5rem;text-align:center;font-size:.75rem;color:var(--color-text-muted)}.signup__terms a{color:var(--color-primary);text-decoration:none}.signup__terms a:hover{opacity:.8}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}