:root{--color-primary:#1c5235;--color-secondary:#b83c56;--color-primary-light:#2d6b4a;--color-primary-dark:#153f28;--color-danger:#dc3545;--color-success:#28a745;--text-primary:#2d3748;--text-secondary:#4a5568;--text-muted:#718096;--bg-primary:#ffffff;--bg-secondary:#f8f9fa;--border-color:#e2e8f0;--shadow:0 -4px 6px -1px rgba(0,0,0,0.1),0 10px 25px -5px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--radius-md:8px;--radius-lg:12px}.verification-options{background-color:#f8f9ff;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:1rem;margin:1rem 0;text-align:center}.verification-options p{margin:0 0 .75rem;color:var(--text-secondary)}.resend-verification-btn{background-color:var(--color-primary);color:white;border:none;padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:background-color .2s ease}.resend-verification-btn:hover:not(:disabled){background-color:var(--color-primary-light)}.resend-verification-btn:disabled{background-color:#94a3b8;cursor:not-allowed}.success-message{color:var(--color-success)}.error-message,.success-message{margin-top:.5rem;font-size:.9rem}.error-message{color:var(--color-danger)}.auth-container{min-height:85vh;display:flex;align-items:center;justify-content:center;padding:1rem}.auth-card,.auth-container{background-color:var(--bg-primary)}.auth-card{border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:2.5rem;width:100%;max-width:400px}.auth-header{text-align:center;margin-bottom:2rem}.auth-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.auth-subtitle{color:var(--text-secondary);margin:0;font-size:.9rem}.auth-form{gap:1.5rem}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field label{font-weight:600;color:var(--text-primary);margin-bottom:.5rem;font-size:.9rem}.auth-field input{padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;background-color:var(--bg-primary);color:var(--text-primary);transition:border-color .2s ease;outline:none}.auth-field input:focus{border-color:var(--color-primary)}.auth-field input::placeholder{color:var(--text-muted)}.auth-submit-btn{margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;background-color:var(--color-primary);color:var(--bg-primary);border:none;border-radius:var(--radius-md);font-weight:600;font-size:1rem;cursor:pointer;transition:background-color .2s ease}.auth-submit-btn:hover{background-color:var(--color-primary-dark)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-error{background-color:rgba(220,53,69,.1);border:1px solid rgba(220,53,69,.2);color:var(--color-danger);border-radius:var(--radius-md)}.auth-error,.auth-success{padding:1rem;font-size:.9rem;margin-bottom:1rem}.auth-success{background-color:rgba(40,167,69,.1);border:1px solid rgba(40,167,69,.2);color:var(--color-success);border-radius:var(--radius-md)}.auth-links{margin-top:2rem;text-align:center;display:flex;flex-direction:column;gap:.75rem}.auth-links p{margin:0;font-size:.9rem;color:var(--text-secondary)}.auth-link{color:var(--color-primary);text-decoration:none;font-weight:600;transition:color .2s ease}.auth-link:hover{color:var(--color-primary-light);text-decoration:underline}.auth-home-link{text-align:center;margin-top:1.5rem}.auth-home-link a{color:var(--color-secondary);text-decoration:none;font-weight:500;font-size:.9rem;transition:color .2s ease}.auth-home-link a:hover{color:#9e3449;text-decoration:underline}.petconnect-btn.petconnect-btn-secondary{display:block;text-align:center;background:none!important;border:none!important;padding:0!important;margin:1.5rem auto 0!important;color:var(--color-secondary)!important;text-decoration:none!important;font-weight:500!important;font-size:.9rem!important;cursor:pointer!important;transition:color .2s ease!important;width:auto!important;box-shadow:none!important}.petconnect-btn.petconnect-btn-secondary:hover{color:#9e3449!important;text-decoration:underline!important;background:none!important;transform:none!important}.auth-divider{position:relative;margin:1.5rem 0;text-align:center}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:var(--border-color)}.auth-divider span{background-color:var(--bg-primary);padding:0 1rem;color:var(--text-muted);font-size:.875rem}.auth-password-requirements{margin-top:.5rem;padding:.75rem;background-color:var(--bg-secondary);border-radius:var(--radius-md);font-size:.75rem}.auth-password-requirements h4{margin:0 0 .5rem;color:var(--text-primary);font-size:.875rem}.auth-password-requirements ul{margin:0;padding-left:1.25rem;color:var(--text-secondary)}.auth-password-requirements li{margin:.25rem 0}.auth-password-requirements li.valid{color:var(--color-success)}.auth-password-requirements li.invalid{color:var(--color-danger)}.auth-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);z-index:10}.auth-forgot-password-text{text-align:center;color:var(--text-secondary);font-size:.875rem;margin-bottom:1.5rem}@media (max-width:480px){.auth-container{padding:.5rem}.auth-card{padding:1.5rem;max-width:100%}.auth-title{font-size:1.5rem}.auth-form{gap:1.25rem}}