.auth-container{margin:0 auto;max-width:480px;padding:1rem;width:100%}.auth-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);padding:2.5rem 2rem}.auth-header{margin-bottom:2rem;text-align:center}.auth-title{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:.5rem}.auth-subtitle{color:#6b7280;font-size:1rem}.auth-form{width:100%}.form-group{margin-bottom:1.5rem}.form-label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-input{background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.form-input:invalid{border-color:#ef4444}.form-input::placeholder{color:#9ca3af}.form-hint{color:#6b7280;font-size:.75rem;margin-top:.25rem}.form-checkbox{accent-color:#3b82f6;background-color:#fff;border:2px solid #d1d5db;border-radius:4px;cursor:pointer;height:1rem;width:1rem}.auth-btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;overflow:hidden;padding:.875rem 1.5rem;position:relative;transition:all .2s ease;width:100%}.auth-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 8px 25px rgba(59,130,246,.3);transform:translateY(-1px)}.auth-btn-primary:active{box-shadow:0 4px 15px rgba(59,130,246,.2);transform:translateY(0)}.auth-btn-primary:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.auth-btn-secondary{background:linear-gradient(135deg,#6b7280,#4b5563);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .2s ease}.auth-btn-secondary:hover{background:linear-gradient(135deg,#4b5563,#374151);box-shadow:0 6px 20px hsla(220,9%,46%,.3);transform:translateY(-1px)}.btn-loading{align-items:center;display:flex;justify-content:center}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626}.error-message,.success-message{font-size:.875rem;margin-top:1rem;padding:.75rem}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#16a34a}.auth-footer{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:1.5rem;text-align:center}@media (max-width:640px){.auth-card{margin:1rem;padding:2rem 1.5rem}.auth-title{font-size:1.75rem}.auth-container{max-width:100%;padding:.5rem}}.profile-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;margin:0 auto 1rem;width:80px}.stats-card{background:#f9fafb;border-radius:8px;padding:1.5rem;text-align:center}.stats-number{font-size:2rem;font-weight:700;margin-bottom:.25rem}.stats-label{color:#6b7280;font-size:.875rem}.form-input.valid{background-color:#f0fdf4;border-color:#10b981}.form-input.invalid{background-color:#fef2f2;border-color:#ef4444}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.slide-down{animation:slideDown .3s ease-out}.hidden{display:none!important}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;display:inline-block;height:20px;margin-right:8px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tooltip{display:inline-block;position:relative}.tooltip .tooltip-text{background-color:#1f2937;border-radius:6px;bottom:125%;color:#fff;font-size:.75rem;left:50%;margin-left:-100px;opacity:0;padding:8px;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;width:200px;z-index:1}.tooltip:hover .tooltip-text{opacity:1;visibility:visible}