*{box-sizing:border-box}.auth-container{display:flex;justify-content:center;align-items:top;min-height:100%;padding:2rem;background:#fff}.auth-box{width:100%;max-width:400px}.auth-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:.5rem;color:#111827}.auth-subtitle{text-align:center;color:#6b7280;margin-bottom:2rem}.auth-form{gap:1.25rem}.auth-form,.input-group{display:flex;flex-direction:column}.input-group{gap:.5rem}.input-label{font-size:.875rem;color:#000}.input-wrapper{position:relative}.input-field{width:100%;padding:.75rem 2.75rem;border:1px solid #d1d5db;border-radius:9999px;font-size:.875rem;outline:none}.input-error{border-color:#ef4444}.error-text{text-align:center;color:#ef4444;margin-top:0;margin-bottom:0}.input-icon{position:absolute;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:1rem;pointer-events:none}.input-wrapper .input-icon:first-of-type{left:1rem}.input-wrapper .input-icon.clickable{right:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;pointer-events:auto}.auth-options{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:.875rem;gap:1rem}.checkbox-container{display:flex;align-items:center;gap:.5rem;white-space:nowrap;flex:1 1;min-width:0}.checkbox-container input[type=checkbox]{width:16px;height:16px;margin:0}.checkbox-container label{flex:1 1;cursor:pointer;color:#000;font-size:.875rem}.recover-link{white-space:nowrap;font-size:.875rem;color:#400080;background:none;border:none;cursor:pointer;padding:0}.recover-link:hover{text-decoration:underline}.auth-buttons{display:flex;gap:.75rem}.auth-buttons .login-button,.auth-buttons .signup-button{flex:1 1;width:auto}.login-button,.signup-button{width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:600;border-radius:9999px;cursor:pointer;transition:all .2s ease}.login-button{background-color:#400080;color:white;border:none}.login-button:hover{background-color:#5e0091}.signup-button{background-color:white;border:1px solid #d1d5db;color:#111827}.signup-button:hover{background-color:#f9fafb}.auth-error{color:#dc2626}.auth-error,.auth-message{font-size:.875rem;text-align:center}.auth-message{color:#16a34a}.switch{position:relative;display:inline-block;width:42px;height:22px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:34px}.slider,.slider:before{position:absolute;transition:.2s}.slider:before{content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:white;border-radius:50%}input:checked+.slider{background-color:#400080}input:checked+.slider:before{transform:translateX(20px)}