.auth-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .3s ease;overflow-y:auto}.auth-container{background:linear-gradient(135deg,#fff8dc,#ffe4b5);border-radius:20px;width:100%;max-width:500px;max-height:90vh;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease;overflow:hidden;display:flex;flex-direction:column;margin:auto}.auth-header{background:linear-gradient(135deg,#ff8c00,orange);padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;color:#fff;flex-shrink:0}.auth-header h2{font-family:Playfair Display,serif;font-size:1.5rem;margin:0}.close-auth{background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close-auth:hover{background:#fff3;transform:rotate(90deg)}.auth-content{padding:1.5rem;overflow-y:auto;flex:1;min-height:0}.auth-subtitle{text-align:center;color:#654321;font-size:.9rem;margin-bottom:1rem}.auth-error{background:#ffebee;border:2px solid #f44336;border-radius:10px;padding:.75rem;margin-bottom:1rem;color:#c62828;display:flex;align-items:center;gap:.5rem;font-weight:500;font-size:.9rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-form .form-group{display:flex;flex-direction:column;gap:.4rem}.auth-form .form-group label{color:#8b4513;font-weight:500;font-size:.9rem}.auth-form .form-group input{padding:.75rem 1rem;border:2px solid #FFE4B5;border-radius:8px;font-size:.95rem;font-family:Poppins,sans-serif;color:#8b4513;transition:all .3s ease;background:#fff}.auth-form .form-group input:focus{outline:none;border-color:orange;box-shadow:0 0 0 3px #ffa5001a}.auth-form .form-group input::placeholder{color:#999}.auth-submit-button{padding:.9rem 1.5rem;background:linear-gradient(135deg,#ff8c00,orange);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;font-family:Poppins,sans-serif;box-shadow:0 4px 15px #ff8c004d;margin-top:.25rem}.auth-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff8c0080}.auth-submit-button:disabled{opacity:.7;cursor:not-allowed}.auth-switch{margin-top:1rem;text-align:center;padding-top:1rem;border-top:1px solid #FFE4B5}.auth-switch p{color:#654321;margin-bottom:.5rem;font-size:.9rem}.switch-button{background:transparent;border:none;color:#ff8c00;font-weight:600;cursor:pointer;text-decoration:underline;font-family:Poppins,sans-serif;font-size:.95rem;transition:all .3s ease}.switch-button:hover{color:orange;transform:translateY(-1px)}@media (min-width: 769px){.auth-overlay{padding:1.5rem;align-items:center}.auth-container{max-width:480px;max-height:calc(100vh - 3rem);margin:auto}.auth-content{padding:1.5rem}}@media (min-width: 769px) and (max-width: 1024px){.auth-container{max-width:480px}}@media (max-width: 768px){.auth-overlay{padding:0;align-items:flex-start}.auth-container{max-width:100%;border-radius:0;max-height:100vh;margin:0}.auth-content{padding:1.5rem}}